@charset "UTF-8";
/*---------------------------------------------------------
Theme Name: STINGER8
Theme URI: wp-fun.com
Description:
Author: ENJI
Author URI: wp-fun.com/about
Tags: custom-header, custom-menu
Text Domain: stinger8
Version: 20171207
---------------------------------------------------------*/

* {
	font-family: "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", Hiragino Kaku Gothic Pro, "ＭＳ Ｐゴシック", sans-serif;
	margin: 0px;
	padding: 0px;
}

*,
::before,
::after {
  margin: 0;
  padding: 0;
  border: 0;
  -webkit-box-sizing: border-box; /*Safari*/ /*Firefox*/
  box-sizing: border-box;
}

.st-main,
article,
.st-.st-aside,
header,
canvas,
details,
figcaption,
figure, footer,
nav,
section,
summary {
	display: block;
}

html,
body {
	height: 100%;
}

body {
	min-width: 320px;
	word-wrap: break-word;
	background-color: #f2f2f2;
}

body.mceContentBody {
	background-color: #fff;
}

.st-hide {
	display:none;
}

hr.hrcss {
	border: 0;
	height: 0;
	border-top: 1px solid rgba(0, 0, 0, 0.1);
	border-bottom: 1px solid rgba(255, 255, 255, 0.3);
}

.fa-question-circle,
.fa-check-circle,
.fa-exclamation-triangle,
.fa-pencil-square-o,
.fa-user {
	margin-right:5px;
}

/* リンクの色 */
a {
	/* color: #4682b4; */
	color: #234993;
}

/* リンクにマウスオーバーした時の色 */
a:hover {
	color: #b22222;
}

img,
video,
object {
	max-width: 100%;
	height: auto;
	border: none;
	vertical-align: bottom;
}

.inline-img img {
	display: inline;
}

/* 画像リンクのマウスオーバーに透かし */
a:hover img {
	-moz-opacity: 0.8;
	opacity: 0.8;
}

/*画像にボーダー*/
.photoline img {
	border: solid 1px #ccc;
}

img.size-full,
img.size-large {
	margin-bottom: 10px;
	height: auto;
	max-width: 100%;
}

iframe {
	max-width: 100%;
}

.resetwidth img,
.resetwidth video,
.resetwidth object,
.resetwidth iframe{
	max-width: initial; /* 初期状態にリセット */
	display: inline;
}

.wp-caption {
	height: auto;
	max-width: 100%;
}

/*続きを読む*/
.tuzukicenter {
	text-align:center;
	padding:20px;
}
.tuzuki {
	padding:10px 20px;
	background:#f3f3f3;
	margin:10px auto;
}

/* スマートフォンは表示しない */
.smanone {
	display: none;
}

/* clearfix */
.clearfix {
	zoom: 1;
}

.clearfix:after {
	content: "";
	display: block;
	clear: both;
}

code {
	padding:2px;
	background:#f3f3f3;
	margin:2px;
	border-radius:2px;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
}

.clear {
	clear: both;
}

.center {
	text-align: center;
	padding-bottom: 20px;
}

.sticky {
}

.bypostauthor {
}

.gallery-caption {
}

.screen-reader-text {
}

/* iframeのレスポンシブ */
.youtube-container {
	position: relative;
	padding-bottom: 56.25%;
	padding-top: 30px;
	height: 0;
	overflow: hidden;
}

.youtube-container iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

/*--------------------------------
各フォント設定
---------------------------------*/

/*基本のフォントサイズ*/
p, /* テキスト */
.yellowbox, /* 黄色ボックス */
.graybox, /* グレーボックス */
.redbox, /* 薄赤ボックス */
#topnews .clearfix dd p, /* 一覧文字 */
.post ul li, /* ulリスト */
.post ol li, /* olリスト */
#comments #respond, /* コメント */
#comments h4 /* コメントタイトル */
 {
	font-size: 16px;
	line-height: 18px;
}

/*游ゴシック*/
.post h2,
.post h2 span,
.post h3,
.post h3 span,
.entry-title,
.post .entry-title {
	font-family: Helvetica , "游ゴシック" , "Yu Gothic" , sans-serif;
}

/* 基本の文字 */
p {
	font-size: 16px;
	margin-bottom: 20px;
}

/*ブログタイトル*/
header .sitename {
	font-size: 22px;
	color: #fff;
	line-height: 30px;
	font-family: 'Oswald', sans-serif;
	padding: 10px 0 0;
	margin-bottom: 10px;
}

header .sitename a {
	color: #333;
	text-decoration: none;
	font-weight: bold;
}

header .sitename a:hover {
	-moz-opacity: 0.8;
	opacity: 0.8;
}

/*ブログ名の下のキャプション */
header h1 {
	font-size: 12px;
	font-weight: normal;
}

header .descr {
	font-size: 13px;
	font-weight: normal;
	margin-bottom: 0px;
	line-height: 24px;
	padding-bottom: 0;
}

/*投稿のカテゴリ*/
.post .st-catgroup {
	font-size:12px;
	line-height:18px;
	margin:0;
	padding-top:10px;
}

.catname {
	font-size: 13px!important;
	line-height: 1em;
	color: #1a1a1a;
	display: inline-block;
	white-space: nowrap;
	padding: 8px 8px;
	margin-top: 5px;
	border-radius: 2px;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	text-decoration: none;
	background:#f3f3f3;
}

.post .st-catgroup a {
	text-decoration:none;
	color:#000;
}

.post .st-catgroup a:hover {
	opacity:0.5;
}

/*カテゴリID別に色を指定できます
例）IDが7の場合
.catname.st-catid7 {
	background:#ff0000;
}
*/

/* 記事タイトル */
.entry-title,
.post .entry-title {
	font-size: 22px;
	line-height: 35px;
	color: #333;
	margin-bottom: 10px;
	font-weight:bold;
}

#st-page .entry-title {
	margin-bottom: 20px;
}

.entry-title a:hover {
	text-decoration: underline;
}

.entry-title a {
	color: #333;
	text-decoration: none;
}

/* 中見出し */
h2 {
	background: #0168b3;
	color: #ffffff;
	font-size: 19px;
	line-height: 27px;
	margin: 20px 0;
	padding-top: 10px;
	padding-right: 20px;
	padding-bottom: 10px;
	padding-left: 20px;
	border-top:2px solid #ccc;
	border-bottom:1px solid #ccc;
}

/*小見出し*/
.post h3 {
	font-size: 18px;
	line-height: 27px;
	margin: 20px 0;
	padding: 5px 15px;
	color: #1a1a1a;
	background-repeat: no-repeat;
	background-position: left center;
	border-bottom: 1px #87ceeb dotted;
	border-left: 10px solid #0168b3;
}

h3 a {
	color: #333;
	text-decoration: none;
}

dd h3 {
	line-height: 23px;
}

dd h3 a {
	color: #333;
	text-decoration: none;
	font-size:16px;
}

.post h4 {
	padding: 10px 15px;
	margin: 20px 0;
	background-color: #0168b3;
	color: #ffffff;
	font-size: 17px;
	line-height: 26px;
}

/*amazonプラグインのh4は除外*/
.post .amazonjs_info h4{
	background-color:transparent!important;
}

.post h5 {
	margin-bottom: 10px;
	font-size: 17px;
	line-height: 26px;
}

.post h6 {
	margin-bottom: 10px;
}

.wp-caption-text a,
.wp-caption-text {
	font-size: 12px;
	color: #ccc;
}

/*NEWENTRY及び関連記事テキスト*/
.n-entry-t {
	margin-bottom:40px;
	position:relative;
	border-bottom:solid 1px #f3f3f3;
	padding-top:20px;
}

.n-entry {
	padding:3px 20px;
	margin:0;
	font-size:15px;
	font-weight:bold;
	background:#f3f3f3;
	color:#000;
	position:absolute;
	top:5px;
	left:0;
}

/* サイドバーの見出し */
#side h5 {
	font-size:15px;
	line-height:25px;
	margin-bottom:5px;
}

/* 関連記事の文字 */
.post p.point {
	margin-bottom:40px;
	position:relative;
	border-bottom:solid 1px #f3f3f3;
	padding:20px 15px 10px;
	background-color:transparent;
}
.post p .point-in {
	padding:3px 20px;
	margin:0;
	font-size:15px;
	font-weight:bold;
	background:#f3f3f3;
	color:#000;
	position:absolute;
	top:15px;
	left:0;
}
/* カテゴリコンテンツがある場合の記事一覧 */
.cat-itiran p.point {
    background-color: transparent;
    border-bottom: 1px solid #f3f3f3;
    margin-bottom: 40px;
    padding: 20px 15px 10px;
    position: relative;
}

.cat-itiran p.point .point-in {
    background: #f3f3f3 none repeat scroll 0 0;
    color: #000;
    font-size: 15px;
    font-weight: bold;
    left: 0;
    margin: 0;
    padding: 3px 20px;
    position: absolute;
    top: 15px;
}

.cat-itiran h3 {
    border:none;
}

/* 記事タイトル下 */
.blogbox p {
	font-size: 12px;
	margin: 0px;
	color: #bdbdbd;
	line-height: 18px;
}

.blogbox {
	margin-bottom: 20px;
	padding: 0px;
}

/*投稿タグ*/
.tagst {
	font-size:13px;
	color:#ccc;
	padding: 10px 0 0;
}

/* 引用 */
.post blockquote {
	background-color: #f3f3f3;
	background-image: url(images/quote.png);
	background-repeat: no-repeat;
	background-position: left top;
	padding-top: 50px;
	padding-right: 20px;
	padding-bottom: 20px;
	padding-left: 20px;
	margin-top: 20px;
	margin-right: 0px;
	margin-bottom: 20px;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #CCC;
}

/* オリジナルスタイルsmartphone */
.huto {
	font-weight:bold;
}

.hutoaka {
	font-weight:bold;
	color:#ff0000;
}

.oomozi {
	font-size: 18pt;
	line-height: 35px;
	font-weight:bold;
}

.komozi {
	font-size: 80%;
}

.ymarker {
	background:#FFF9C4;
	padding:0 2px;
}

.rmarker {
	background:#ffcdd2;
	padding:0 2px;
}

.bmarker {
	background:#75B6EB;
	padding:0 2px;
}

.yellowbox {
	padding:20px;
	border:solid 1px #fffacd;
	background-color:#ffffe0;
	margin-bottom:20px;
}

.redbox {
	padding:20px;
	border:solid 1px #ef5350;
	background-color:#ffebee;
	margin-bottom:20px;
}

.graybox {
	padding:20px;
	border:solid 1px #ccc;
	background-color:#f3f3f3;
	margin-bottom:20px;
}

.post .yellowbox p:last-child,
.post .yellowbox ol:last-child,
.post .yellowbox ul:last-child {
	margin-bottom:0;
	padding-bottom:0;
}

.post .graybox p:last-child,
.post .graybox ol:last-child,
.post .graybox ul:last-child {
	margin-bottom:0;
	padding-bottom:0;
}

.post .redbox p:last-child,
.post .redbox ol:last-child,
.post .redbox ul:last-child {
	margin-bottom:0;
	padding-bottom:0;
}

.h2fuu {
	position: relative;
	background: #f3f3f3;
	color: #1a1a1a;
	font-size: 20px;
	line-height: 27px;
	margin-bottom: 20px;
	padding-top: 10px;
	padding-right: 20px;
	padding-bottom: 10px;
	padding-left: 20px;
	font-weight:bold;
}

.h2fuu:after {
	content: '';
	position: absolute;
	border-top: 10px solid #f3f3f3;
	border-right: 10px solid transparent;
	border-left: 10px solid transparent;
	bottom: -10px;
	left: 30px;
	border-radius: 2px;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
}

.h2fuu:before {
	content: '';
	position: absolute;
	border-top: 10px solid #f3f3f3;
	border-right: 10px solid transparent;
	border-left: 10px solid transparent;
	bottom: -10px;
	left: 30px;
}

.inyoumodoki {
	background-color: #f3f3f3;
	background-image: url(images/quote.png);
	background-repeat: no-repeat;
	background-position: left top;
	padding-top: 50px;
	padding-right: 20px;
	padding-bottom: 20px;
	padding-left: 20px;
	margin-top: 20px;
	margin-right: 0px;
	margin-bottom: 20px;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #CCC;
}


.post .inyoumodoki p:last-child,
.post .inyoumodoki ol:last-child,
.post .inyoumodoki ul:last-child {
	margin-bottom:0;
	padding-bottom:0;
}

.sankou {
	font-size:11px;
	background-color:#F57C00;
	color:#fff;
	padding:2px 3px;
	margin:0 5px;
}

/*ドット線*/
.dotline {
	border-bottom:1px dotted #212121;
}

.dotliner {
	border-bottom:1px dotted #ff0000;
}

.dotline-s {
	border-bottom:1px solid #212121;
}

.dotline-sr {
	border-bottom:1px solid #ff0000;
}

/*--------------------------------
フッターコンテンツ
---------------------------------*/

/* フッター文字 */
#footer .footerlogo {
	font-size: 22px;
	line-height:30px;
	margin-bottom: 10px;
	font-weight:bold;
}

#footer p {
	font-size: 12px;
	margin-bottom:5px;
}

#footer a {
	text-decoration: none;
	color: #212121;
}

#footer a:hover {
	color: #b22222;
}

#footer .copy,
#footer .rcopy {
	font-size: 12px;
	color: #999;
	line-height: 18px;
	padding:20px 10px 0;
}

#footer .copy a,
#footer .rcopy a {
	font-size: 12px;
	color: #999;
	line-height: 18px;
}

footer h4 a {
	color: #666;
	text-decoration: none;
}


/*--------------------------------
トップページやアーカイブ一覧表示
---------------------------------*/

/* タイトル名 */
#topnews dd h3 {
	font-size: 20px;
	line-height: 30px;
	margin-bottom: 5px;
}

#topnews dt {
	float: left;
	width: 100px;
}

#topnews dt img {
	width: 100%;
}

#topnews dd {
	padding-left: 110px;
}

#topnews dl {
	margin-bottom: 20px;
	padding-bottom: 20px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #999;
}

#topnews dl:first-child {
	padding-top: 20px;
}

#topnews dl:last-child {
	margin-bottom: 20px;
	padding-bottom: 20px;
	border-style: none;
}

#topnews .clearfix dd h5 {
	font-size: 17px;
	line-height:25px;
	font-weight: bold;
	padding: 0px;
	margin-bottom: 5px;
}

/* 抜粋文字 */
#topnews .clearfix dd p {
	color: #666;
}

#topnews .clearfix dd h5 a {
	color: #333;
	text-decoration: none;
}

/* 一覧タイトル下 */
.kanren .blog_info p {
	margin:0 0 5px;;
}

.kanren h3 {
	margin: 0 0 5px;
}

.blog_info p a {
	color: #666;
	text-decoration: none;
}

#topnews .clearfix dd .blog_info p {
	font-size: 12px;
}

/*--------------------------------
記事下の一括表示部分
---------------------------------*/

.kizi-under-box {
	margin-bottom:20px;
}
/*--------------------------------
関連記事表示部分
---------------------------------*/

.kanren {
	padding-top: 20px;
	margin-top:20px;
}

.st-aside .kanren {
	padding-top: 20px;
	margin-top:0px;
}

.kadomaru img{
	border-radius:100px;
	-webkit-border-radius: 100px;
	-moz-border-radius: 100px;
}

/* タイトル名 */
.kanren.pop-box h5,
#side .kanren.pop-box h5 {
	font-size: 18px;
	font-weight: bold;
	padding: 0px;
	margin-bottom: 10px;
}

.kanren.pop-box dd h5,
#side .kanren.pop-box dd h5 {
	font-size: 17px;
	font-weight: bold;
	line-height:25px;
	padding: 0px;
	margin-bottom: 5px;
}

.kanren dt {
	float: left;
	width: 100px;
}

.kanren dt img {
	width: 100px;
}

.kanren dd {
	padding-left: 115px;
}

.kanren dl {
	margin-bottom: 20px;
	padding-bottom: 20px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #ccc;
}

.kanren dl p {
	margin-bottom: 0px;
}

.kanren dl:last-child {
	margin-bottom: 20px;
	padding-bottom: 20px;
	border-style: none;
}

/* 抜粋文字 */
.kanren .clearfix dd p {
	font-size: 13px;
	color: #1a1a1a;
	line-height: 18px;
}

.kanren .clearfix dd .kanren-t {
	padding-bottom:5px;
}

.kanren .clearfix dd .kanren-t a {
	color: #000;
	text-decoration: none;
	font-size:120%;
	line-height: 1.5;
	font-weight:bold;
	padding-bottom:5px;
}

.kanren .clearfix dd .kanren-t a:hover {
	color: #b22222;
}

/*--------------------------------
サイドバー
---------------------------------*/

#side .st-aside ul li {
	list-style-type: none;
	margin: 0px;
	padding: 0px;
}

#side .st-aside .children li {
	padding-left: 10px;
}

#side .st-aside ul li ul li{
	list-style-type: none;
	margin: 0px;

}

#side .st-aside .sub-menu {
	padding-left: 10px;
}

#side .st-aside .side-t {
	font-size: 14px;
	font-weight: bold;
	line-height: 24px;
	margin: 0px;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 0px;
}

#side .st-aside #mybox ul li ul li {
	font-size: 14px;
	line-height: 24px;
}

/* RSS購読するボタン */
.rssbox a {
	display: block;
	width: 100%;
	box-sizing: border-box;
	background-color: #1a1a1a;
	padding: 5px 10px;
	margin-bottom: 10px;
	font-size: 14px;
	color: #fff;
	text-decoration: none;
}

.rssbox a:hover {
	-moz-opacity: 0.8;
	opacity: 0.8;
}

#scrollad {
	padding: 20px 0;
}

/*タグクラウド*/
.tagcloud a {
	font-size: 13px!important;
	line-height: 1em;
	color: #1a1a1a;
	display: inline-block;
	border:1px #1a1a1a solid;
	white-space: nowrap;
	padding: 8px 8px;
	margin-top: 5px;
	border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	text-decoration: none;
	opacity:0.5;
}
.tagcloud a:hover {
	opacity:0.5;
}

/*--------------------------------
エディタ用
---------------------------------*/

/*テーブル */
.post table {
	box-sizing:border-box;
	border-top: 1px #999 solid;
	border-right: 1px #999 solid;
	margin-bottom: 20px;
	width: 100%;
	max-width: 100%;
}

table tr td {
	padding: 10px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-bottom-style: solid;
	border-left-style: solid;
	border-bottom-color: #999;
	border-left-color: #999;
	font-size: 13px;
	line-height: 18px;
	vertical-align:top;
}

table th {
	padding: 5px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-bottom-style: solid;
	border-left-style: solid;
	border-bottom-color: #999;
	border-left-color: #999;
	font-size: 13px;
	line-height: 18px;
}

.post table tr td {
	font-size: 13px;
	line-height: 18px;
}

.post table tr td p {
	font-size: 13px;
	line-height: 18px;
}

.post table tr:nth-child(even) {
	background-color: rgba(220,220,220,0.2);
}

#main .post table {
	border-top-width: 1px;
	border-right-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-top-color: #999;
	border-right-color: #999;
	color: #333;
}

/*テーブル（装飾なし） */
.post .notab table {
	border:none;
	width: initial; /* 初期状態にリセット */
	max-width: initial; /* 初期状態にリセット */
}

.notab table tr td {
	border:none;
	text-align: left;
	vertical-align: top;
}

.notab table th {
	border:none;
}

.post .notab table tr:nth-child(even) {
	background-color: transparent;
}

/*スクロール*/
.post .scroll-box table {
	max-width:initial;
}

.scroll-box {
	overflow-x: auto;
	margin-bottom:10px;
}
.scroll-box::-webkit-scrollbar {
	height: 5px;
}

.scroll-box::-webkit-scrollbar-track {
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	background: #f3f3f3;
}
.scroll-box::-webkit-scrollbar-thumb {
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	background: #ccc;
}

/*画像 */
img.alignright {
	float: right;
	margin: 0 0 5px 10px;
}

img.alignleft {
	float: left;
	margin: 0 10px 5px 0;
}

img.aligncenter {
	display: block;
	margin:0 auto 10px;
}

img.float-left {
	float: left;
}

img.float-right {
	float: right;
}

.wp-caption {
	text-align: center;
}

.aligncenter {
	clear: both;
	display: block;
	margin:0 auto 10px;
}

.ie8 img {
	width: auto;
}

/*リスト */
.post ul {
	list-style-type: disc;
	padding-top: 10px;
	padding-right: 20px;
	padding-bottom: 10px;
	padding-left: 30px;
	margin-bottom: 20px;
}

.post ul li {
	padding-bottom:5px;
}

.post ul li:last-child {
	padding-bottom:0px;
}

.post ol {
	list-style-type: decimal;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 20px;
	padding-left: 30px;
	margin-bottom: 20px;
}

.post ol li {
	padding-bottom:5px;
}

.post ol li:last-child {
	padding-bottom:0px;
}

/*マルリスト*/
.post .maruno {
	margin-bottom: 20px;
}

.post .maruno ol {
	list-style-type: none;
	counter-reset: st-section;
	margin-left: 10px;
	padding:0 20px 0 30px;
}

.post .maruno ol li {
	counter-increment: st-section;
	padding:10px 0;
	margin-bottom:10px;
	line-height: 23px;
}

.post .maruno ol li:before {
	content: counters(st-section,"");
	border-radius: 50%;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	display: inline-block;
	padding:0 8px;
	font-size:70%;
	margin-right:10px;
	background: #f3f3f3;
	color:#000;
	margin-left:-3em;
}

/*チェックリスト*/
.post .maruck {
	margin-bottom: 20px;
}

.post .maruck ul {
	list-style-type: none;
	margin-left: 10px;
	padding:0 20px 0 30px;
}

.post .maruck ul li {
	padding:10px 0;
	margin-bottom:10px;
	line-height: 23px;
}

.post .maruck ul li:before {
	content: " \f00c";
	font-family: FontAwesome;
	border-radius: 50%;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	display: inline-block;
	padding:0 6px;
	font-size:70%;
	margin-right:10px;
	background: #f3f3f3;
	color:#000;
	margin-left:-3em;
}


/*フォーム*/
input:not([type=checkbox]):not([type=radio]):not([type=submit]),textarea,select {
	box-sizing:border-box;
	width:100%;
	padding:5px;

}

.post input,.post textarea{
	border-radius:3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border:1px solid #ccc;
}

.post #search input{
	border:none;
}

/*コンタクトフォーム7の送信ボタン*/
.wpcf7-submit{
	width:100%;
	border-radius:20px;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	background:#f3f3f3;
	color:#000;
	border:none;
	margin:0 auto;
	padding:10px;
	display:block;
	box-sizing:border-box;
}

.wpcf7-submit:hover{
	opacity:0.9;
}

/*レスポンシブ用PC左右コンテンツ*/
.responbox,
.responbox30,
.responbox40,
.responbox50,
.responbox60,
.responbox70 {
	margin-bottom:10px;
}

.responbox .lbox {
	margin-bottom:10px;
}

/*50%*/
.responbox50.smart50 .lbox {
	float:left;
	width:49%;
	box-sizing:border-box;
	margin-bottom:-32768px;
	padding-bottom:32768px;
}

.responbox50.smart50 .rbox {
	float:right;
	box-sizing:border-box;
	width:49%;
	margin-bottom:-32768px;
	padding-bottom:32768px;
}

.responbox50.smart50 {
	overflow:hidden;
}

/*AmazonJS*/
.post .amazonjs_item h4,
.post .amazonjs_item h4 a {
	color:#1a1a1a;
	font-size:15px;
	background-color:transparent;
}
.post .amazonjs_item ul li {
	font-size:12px!important;
}

/*--------------------------------
アコーディオンメニュー
---------------------------------*/

.menu-navigation-container {
	overflow: hidden;
}

nav li a:hover {
	text-decoration: underline;
}

#s-navi {
	margin:0 -10px;
}

#s-navi ul.sub-menu {
	display:none;
}

#s-navi dl.acordion p {
	margin: 0;
}

#s-navi dl.acordion {
	margin: 0px;
	box-sizing:border-box;
	width:100%;
}

#s-navi dt.trigger {
	cursor: pointer;
	height: 40px;
	overflow:hidden;
}

.trigger .fa:not(.fa-bars) {
	font-size:20px;
}

/*アコーディオンメニューボタン*/
#s-navi dt.trigger .op {
	font-family: "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", Hiragino Kaku Gothic Pro, "ＭＳ Ｐゴシック", sans-serif;
	color: #333;
	font-size:25px;
	line-height:30px;
	background:#ccc;
	display:block;
	float:right;
	height:auto;
	margin-top:-5px;
	padding: 10px 10px 9px 10px;
	max-width:20%;
	box-sizing:border-box;
}

#s-navi:after {
	content: "";
	display: block;
	clear: both;
	margin-bottom:5px;
}

#s-navi dd.acordion_tree {
	padding: 10px 10px 20px;
	display: none;
	overflow: hidden;
	top:0px;
	width:100%;
	box-sizing:border-box;
	text-align:left;
}

.acordion_tree ul.menu li {
	float: none;
	font-size: 15px;
	padding: 10px 15px 10px 15px;
	list-style:none;
	border-bottom:dotted 1px #000;
}

.acordion_tree ul.menu li .fa {
	min-width: 1em;
}

.acordion_tree ul.menu li:last-child {
	border:none;
	padding-bottom:0px;
}

.acordion_tree ul.menu li a {
	text-decoration: none;
	color:#000;
}

.menu-close {
	padding:10px;
}

/*--------------------------------
メニューst5 未設定
---------------------------------*/

nav.st5,
#st-menuwide div.menu,
#st-menuwide nav.menu
 {
	display:none;
}

/*--------------------------------
検索フォーム
---------------------------------*/

#search {
	padding-bottom: 0px;
	width: 100%;
}

#searchform {
	border:#ccc 1px solid;
	background-color: #ffffff;
	position:relative;
}

#s {
	font-family: "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", Hiragino Kaku Gothic Pro, "ＭＳ Ｐゴシック", sans-serif;
	color: #333;
	font-size: 14px;
	border-radius: 0;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	width: 100%;
	box-sizing: border-box;
}

#searchsubmit {
	border-radius: 0;
	right: 0px;
	top: 0px;
	position:absolute;
	width: 50px;
}

*:first-child + html #searchsubmit {
	top: 1px;
}

/*アコーディオン内*/
.acordion_tree .search-box{
	padding:10px;
}

/*フッター*/
.footermenust {
	text-align: center;
	padding:20px;
	margin-bottom:5px;
}

.footermenust li {
	display: inline;
	font-size: 14px;
	padding:0 10px;
}

footer .footermenust li {
	border-right:1px solid #ccc;
	font-size:12px;
	line-height:18px;

}

footer .footermenust li:last-child {
	border-right:none;
}

#footer .footermenust a {
	padding:0px;
	margin:0px;
	font-size:12px;
	color:#757575;
}

footer ul, footer ol{
	/* padding-left:30px; */
}

/*--------------------------------
ページャー
---------------------------------*/

/*コメントナビ*/

.st-pagelink {
	padding:20px 0px;
	text-align:center;
}

.st-pagelink:after {
	content: "";
	display:block;
	clear:both;
}

.st-pagelink a {
	text-decoration:none;
	font-size:13px;
}

.st-pagelink a:hover {
	opacity:0.5;
}

.st-pagelink .page-numbers {
	box-sizing:border-box;
	border:1px solid #ccc;
	padding:10px;
	margin-right:5px;
	margin-bottom:5px;
	font-size:15px;
	min-width:20px;
	height:20px;
	display:block;
	float:left;
	text-align:center;
}

.st-pagelink .page-numbers.current {
	opacity:0.5;
}

.pagination {
	clear: both;
	position: relative;
	font-size: 14px;
	line-height: 24px;
	margin-bottom: 20px;
	padding-top: 20px;
	padding-right: 0;
	padding-bottom: 20px;
	padding-left: 0;
}

.pagination span, .pagination a {
	display: block;
	float: left;
	margin: 2px 2px 2px 0;
	padding: 6px 9px 5px 9px;
	text-decoration: none;
	width: auto;
	color: #fff;
	background-color: #999;
}

.pagination a:hover {
	color: #fff;
	background-color: #666666;
}

.pagination .current {
	padding: 6px 9px 5px 9px;
	color: #fff;
	background-color: #CCCCCC;
}

/*--------------------------------
ぱんくず
---------------------------------*/

#breadcrumb,
#breadcrumb ol {
	margin:0;
	padding:0 0 5px;
}

#breadcrumb ol li {
	color: #ccc;
	font-size: 13px;
	list-style:none;
	display: inline-block;
}

#breadcrumb ol li a {
	text-decoration: none;
	color: #ccc;
}

/*--------------------------------
SNS
---------------------------------*/

.sns{
	box-sizing:border-box;
	width:100%;
	margin:0 auto;
	padding:0 0 20px;
}

.snstext{
	font-size:13px;
	vertical-align:middle;
	padding-left:10px;
}

.snscount{
	font-size:13px;
	vertical-align:middle;
	padding:0 10px;
}

.post .sns ul {
	list-style:none;
	padding:0px;
	margin:0px 0px 20px;

}
.sns li {
	float:left;
	list-style:none;
	width:50%;
}

.sns li a {
	font-size:15px;
	position:relative;
	display:block;
	padding:5px 10px 5px 15px;
	color:#fff;
	border-radius:3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	text-decoration: none;
	height:28px;
	margin:5px;
	cursor:pointer;
	line-height:25px;
}

.sns li a:hover {
}

/* ツイッター */
.sns .twitter a {
	background:#55acee;
}
.sns .twitter a:hover {
	background:#4892cb;
}

.sns .fa-twitter {
	border-right:1px solid #9ACFF4;
	padding-right:15px;
}

/* Facebook */
.sns .facebook a {
	background:#3b5998;
}
.sns .facebook a:hover {
	background:#324c81;
}

.sns .fa-facebook {
	border-right:1px solid #607BB2;
	padding-right:15px;
}

/* グーグル */
.sns .googleplus a {
	background:#dc4e41;
}
.sns .googleplus a:hover {
	background:#bb4237;
}

.sns .fa-google-plus {
	border-right:1px solid #E0776D;
	padding-right:13px;
}

/* はてぶ */
.sns .hatebu a {
	background:#00a5de;
}

.sns .hatebu a:hover {
	background:#008cbd;
}

.sns .fa-hatena {
	border-right:1px solid #48B6DB;
	padding-right:15px;
}

/* LINE */
.sns .line a {
	background:#25af00;
}
.sns .line a:hover {
	background:#219900;
}

.sns .fa-comment {
	border-right:1px solid #29c200;
	padding-right:15px;
}

/* Pocket */
.sns .pocket a {
	background:#f03e51;
}

.sns .fa-get-pocket {
	border-right:1px solid #F27985;
	padding-right:15px;
}
.sns .pocket a:hover {
	background:#c0392b;
}

/*--------------------------------
カレンダー
---------------------------------*/

#wp-calendar {
	border-collapse: collapse;
	border-top-width: 1px;
	border-right-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-top-color: #999;
	border-right-color: #999;
	width: 100%;
}

#wp-calendar thead tr th {
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-bottom-style: solid;
	border-left-style: solid;
	border-bottom-color: #999;
	border-left-color: #999;
	font-size: 14px;
	padding: 10px 3px;
	text-align: center;
	background-color: #f3f3f3;
}

#wp-calendar td {
	text-align: center;
	padding: 10px 0;
	background-color: #fff;
}

#wp-calendar caption {
	font-weight: bold;
	text-align: left;
	padding-top: 10px;
	padding-bottom: 5px;
	font-size: 14px;
}

#wp-calendar tbody tr #today {
	background-color: #b0e0e6;
}

/*--------------------------------
PAGE TOP
---------------------------------*/

#page-top {
	position: fixed;
	z-index: 9999;
	bottom: 20px;
	right: 0px;
	font-size: 20px;
}

#page-top a {
	text-decoration: none;
	background: #f3f3f3;
	color: #fff;
	padding: 12px 16px;
	text-align: center;
	display: block;
	-moz-opacity: 0.6;
	opacity: 0.6;
}

#page-top a:hover {
	text-decoration: none;
	color: #fff;
}

/*--------------------------------
コメント
---------------------------------*/

#comments p a {
	color: #333;
}

.post #comments h3 {
	background-color: transparent;
}

#comments p {
	font-size: 14px;
	font-weight: normal;
	line-height: 24px;
	margin: 0px;
	color: #333;
	padding: 5px 0;
}

#comments label {
	display: block;
}

.metadata dd a {
	color: #333;
}

.metadata {
	font-size: 13px;
	line-height: 20px;
}

#comments {
	font-size: 14px;
	line-height: 24px;
	color: #333;
	padding-top: 10px;
	padding-right: 20px;
	padding-bottom: 10px;
	padding-left: 20px;
	margin-bottom: 20px;
}

.comment-body {
	padding: 10px;
	margin-bottom: 20px;
}

.fn {
	font-style: normal;
	font-size: 13px;
}

.says {
	font-size: 13px;
	line-height: 18px;
}

.commentmetadata {
	box-sizing:border-box;
	font-size: 12px;
	line-height: 24px;
	height: 15px;
	width: 100%;
	clear: both;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 0px;
}

.reply {
	padding: 5px;
	font-size: 13px;
}

#comments #respond {
	font-weight: bold;
	margin-bottom: 10px;
	padding-top: 5px;
	padding-right: 10px;
	padding-bottom: 5px;
	padding-left: 10px;
	color: #666;
}

#comments #commentform .tags {
	padding: 10px;
	background-color: #f3f3f3;
	font-size: 13px;
}

#comments #commentlist img {
	padding: 10px;
}

#comments .commets-list {
	padding-left: 0px;
	list-style-type: none;
}

ul.sub-menu {
	padding: 0px;
}

.commets-list li {
	list-style-type: none;
}

.comment-author.vcard .avatar {
	float: left;
	margin-right: 10px;
}

.vcard .fn {
	font-size: 13px;
	line-height: 18px;
}

/* コメント欄の下にある使用できるタグの表記を消す */

.form-allowed-tags {
	display: none;
}

#comments #st-reply-title {
	background-image: none;
	border: none;
	margin-bottom: 0px;
	padding: 0;
	font-size:110%;
	font-weight:bold;
}

#comments h4 {
	background-color: transparent;
	padding: 0;
	border: none;
	margin-bottom: 0px;
}

#comments textarea {
	box-sizing:border-box;
	margin-bottom: 10px;
	width: 100%;
	border: 1px #f2f2f2 solid;
}

#comments input {
	box-sizing: border-box;
	padding: 10px;
	width: 100%;
	border-radius: 2px;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border: 1px #f2f2f2 solid;
}

/* コメントボタン */
	#comments input[type="submit"] {
	background-color: #f3f3f3;
	padding: 10px;
	-webkit-appearance: none;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border: 1px #f2f2f2 solid;
}

/*--------------------------------
PREV NEXT
---------------------------------*/

.p-navi dl dt {
	font-weight: bold;
	font-size: 14px;
	line-height: 24px;
	float: left;
	width: 50px;
	color: #666;
}

.p-navi dl dd {
	font-size: 15px;
	padding-left: 55px;
	line-height: 25px;
}

/*レイアウト スマートフォン
---------------------------------------------------------------------------------------------------*/

#wrapper {
	margin: 0 auto;
	overflow:hidden;
}

body.fixed-footer #wrapper {
	height:100%;
	min-height: 100%;
}

header {
	text-align: center;
}

#headbox {
	padding: 0 10px 10px;
	margin:0;
}

#side .st-aside {
	padding: 0 15px 20px;;
}

footer {
	clear: both;
	padding: 0;
}

#footer {
	padding: 20px 15px;
	text-align: center;
}

#header-l {
	padding-top:0;
}

.st-main {
	padding: 20px 15px;
	margin: 0 0 20px;
	background:#fff;
}

.post {
	padding-bottom:10px;
}

section {
	/* margin-bottom: 3em; */
}

/*アドセンス*/
.adbox {
	padding:20px 0px;
	margin:0 -5px;
}

.ad {
	padding-bottom: 10px;
	margin:0px;
}
.adsbygoogle {
	max-width:100%;
	box-sizing:border-box;
	overflow:hidden;
}

.middle-ad {
	margin:0 -5px 10px;
}


/*media Queries スマートフォンとタブレットサイズ（959px以下）で適応したいCSS - スマホ・タブレット
---------------------------------------------------------------------------------------------------*/
@media only screen and (max-width: 959px) {

	#side .st-aside {
		clear: both;
		float: none;
		width: auto;
		position: static;
	}

	/*SNSボタン*/
	.sns .fa {
		font-size:20px;
	}

	.sns li a {
		padding: 5px 15px;
	}


	/* RSS購読するボタン */
	.rssbox a {
		padding: 15px 20px;
		margin-bottom: 10px;
		font-size: 20px;
	}

/*-- ここまで --*/
}

/*media Queries タブレットサイズ（600px～959px）のみで適応したいCSS -タブレットのみ
---------------------------------------------------------------------------------------------------*/
@media only screen and (min-width: 600px) and (max-width: 959px) {

	/*タグクラウド*/
	.tagcloud a {
		font-size: 20px!important;
		line-height: 1em;
		padding: 15px;
		margin-top: 10px;
	}

	/*SNSボタン*/
	.sns .fa {
		font-size:25px;
	}

	.sns li a {
		padding: 15px 20px;
	}

	/*--------------------------------
	アコーディオンメニュー
	---------------------------------*/

	#s-navi dt.trigger {
		height: 60px;
	}

	.trigger .fa:not(.fa-bars) {
		font-size:25px;
	}

	.trigger .fa {
		line-height:60px;
	}

	.op-text,
	.op-text a {
		font-size:25px;
		line-height:60px;
		padding: 5px 0;
		margin:0 0 0 7px;
	}

	.op-text2,
	.op-text2 a {
		font-size:25px;
		line-height:60px;
		padding: 5px 0;
		margin:0 0 0 7px;
	}

	/*アコーディオンメニューボタン*/
	#s-navi dt.trigger .op {
		font-size:30px;
		line-height:60px;
		padding: 5px 20px;
	}

	/*アコーディオンメニュー追加ボタン1*/
	#s-navi dt.trigger .op-st {
		font-size:30px;
		line-height:60px;
		padding: 5px 20px;
	}

	/*アコーディオンメニュー追加ボタン2*/
	#s-navi dt.trigger .op-st2 {
		font-size:30px;
		line-height:60px;
		padding: 5px 20px;
	}

	.acordion_tree ul.menu li {
		font-size: 20px;
		padding: 15px 20px;
	}

	/*--------------------------------
	PAGE TOP
	---------------------------------*/

	#page-top {
		font-size: 30px;
	}

	#page-top a {
		padding: 22px 26px;
	}

/*-- ここまで --*/
}


/*media Queries タブレット（600px）以上で適応したいCSS -タブレット・PC
---------------------------------------------------------------------------------------------------*/
@media only screen and (min-width: 600px) {

	header {
		text-align: left;
	}

	#headbox {
		padding: 0 10px 10px;
		margin:0;
	}

	#headbox {
		text-align:center;
	}

	#headbox img {
		margin: 0 auto;
	}

	.sitename img {
		max-width: 100%;
		margin: 0;
	}

	.st-main {
		background-color: #fff;
		padding: 20px 30px;
	}


	/*--------------------------------
	各フォント設定
	---------------------------------*/

	/*基本のフォントサイズ*/
	p, /* テキスト */
	.yellowbox, /* 黄色ボックス */
	.graybox, /* グレーボックス */
	.redbox, /* 薄赤ボックス */
	.post ul li, /* ulリスト */
	.post ol li /* olリスト */
	 {
		font-size: 20px;
		line-height: 30px;
	}

	p {
		margin-bottom: 20px;
	}

	dd p {
		margin-bottom: 5px;
	}

	/*記事タイトル*/
	.entry-title,
	.post .entry-title {
		font-size: 27px;
		line-height: 40px;
		color: #333;
		margin-bottom: 20px;
	}

	.post .entry-title a:hover {
		text-decoration: underline;
	}

	/*中見出し*/
	h2 {
		font-size: 24px;
		line-height: 35px;
	}

	h2:after {
		bottom: -10px;
		left: 50px;
	}

	h2:before {
		bottom: -10px;
		left: 50px;
	}

	/*小見出し*/
	.post h3 {
		font-size: 22px;
		line-height: 32px;
	}

	.post h4 {
	  font-size: 17px;
	  line-height: 27px;
	}

	.post h5 {
	  margin-bottom: 10px;
	  font-size: 20px;
	  line-height: 30px;
	}

	/*トップ記事一覧*/
	dd h3 a {
		color: #333;
		text-decoration: none;
		font-size:20px;
		line-height: 35px;
	}

	.kanren .clearfix dd p {
		font-size:16px;
	  line-height: 26px;
	}

	/*関連記事タイトルサムネイルなし*/
	.kanren .no-thumbitiran h3{
		font-size:16px;
	  line-height:26px;
	}

	/* 任意記事サムネイルありタイトル名 */
	.kanren.pop-box dd h5,
	#side .kanren.pop-box dd h5 {
	  font-size: 18px;
	  line-height:27px;
	}

	/*サイドバーの記事タイトル*/
	#side h5 {
		font-size:20px;
		line-height:35px;
	}

	/*サイドバー文字*/
	#side .st-aside .menu_underh2 {
		font-size: 16px;
		line-height: 26px;
		font-weight:bold;
	}

	#side .st-aside #mybox ul li ul li {
		font-size: 16px;
		line-height: 26px;
	}

	/* オリジナルスタイルタブレット */

	.oomozi {
		font-size: 18pt;line-height: 35px;
	}

	.yellowbox,
	.redbox,
	.graybox
	 {
		margin-bottom: 20px;
	}

	.h2fuu {
		font-size: 24px;
		line-height: 35px;
	}

	.h2fuu:after {
		bottom: -10px;
		left: 50px;
	}

	.h2fuu:before {
		bottom: -10px;
		left: 50px;
	}

	/*アドセンス*/

	.adbox {
		margin:0;
	}

	.ad {
		padding-bottom: 10px;
		margin:0px;
	}


	.middle-ad {
		margin:0 0 10px;
	}

	/*レスポンシブ用PC左右コンテンツ*/

	.responbox .lbox img {
		width:100%;
		box-sizing:border-box;
	}

	/*30%*/

	.responbox30 .lbox {
		float:left;
		padding-right:15px;
		width:30%;
		box-sizing:border-box;
	}

	.responbox30 .rbox {
		float:left;
		box-sizing:border-box;
		width:70%;
	}

	/*40%*/

	.responbox .lbox {
		float:left;
		padding-right:15px;
		width:40%;
		box-sizing:border-box;
	}

	.responbox .rbox {
		float:left;
		box-sizing:border-box;
		width:60%;
	}

	.responbox40 .lbox {
		float:left;
		padding-right:15px;
		width:40%;
		box-sizing:border-box;
	}

	.responbox40 .rbox {
		float:left;
		box-sizing:border-box;
		width:60%;
	}

	/*50%*/

	.responbox50 .lbox {
		float:left;
		padding-right:7px;
		width:50%;
		box-sizing:border-box;
	}

	.responbox50 .rbox {
		float:left;
		padding-left:7px;
		box-sizing:border-box;
		width:50%;
	}

	/*60%*/
	.responbox60 .lbox {
		float:left;
		padding-right:15px;
		width:60%;
		box-sizing:border-box;
	}

	.responbox60 .rbox {
		float:left;
		box-sizing:border-box;
		width:40%;
	}

	/*70%*/
	.responbox70 .lbox {
		float:left;
		padding-right:15px;
		width:70%;
		box-sizing:border-box;
	}

	.responbox70 .rbox {
		float:right;
		box-sizing:border-box;
		width:30%;
	}


	/*--------------------------------
	一覧記事表示部分
	---------------------------------*/

	#topnews dt {
		float: left;
		width: 150px;
	}

	#topnews dt img {
		width: 100%;
	}

	#topnews dd {
		padding-left: 170px;
	}

	#topnews .clearfix dd h5 {
		font-size: 24px;
		font-weight: bold;
		padding: 0px;
		margin-bottom: 5px;
	}

	#topnews .clearfix dd p {
		font-size: 13px;
		color: #666;
		line-height: 24px;
		margin: 0px;
		padding: 0px;
	}

	#topnews .clearfix dd h5 a {
		color: #333;
		text-decoration: none;
	}


	/*-- ここまで --*/
}

/*media Queries PCサイズ（960px）以上で適応したいCSS - PCのみ
---------------------------------------------------------------------------------------------------*/
@media print, screen and (min-width: 960px) {


	/*--------------------------------
	メニュー
	---------------------------------*/

	#st-menubox {
		border-top: solid 1px #E0DEDE;
		border-bottom: solid 1px #E0DEDE;
		margin-bottom:10px;
		background-color: #ffffff;
	}

	#st-menuwide {
		padding: 0px;
		margin:0 auto;
		max-width:1200px;
	}

	nav.smanone {
		max-width:1200px;
		margin:0 auto;
	}

	nav.st5 {
		max-width:1200px;
		margin:0 auto;
	}

	header .smanone ul.menu li{
		box-sizing:border-box;
		list-style-type:none;
		float:left;
		width:160px;
		height:40px;
		text-align:center;
		border-right:solid 1px #E0DEDE;
		position:relative;
	}

	header .smanone ul.menu>li:last-child {
		border:none;
	}

	header .smanone ul.menu li a{
		display:block;
		font-size: 13px;
		overflow:hidden;
		width:100%;
		height:100%;
		line-height:40px;
		color:#000;
		text-decoration:none;
		position:relative;
		z-index:1;
	}

	header .smanone ul.menu li li a{
		background:#f3f3f3; /*ドロップダウンメニューの背景色*/
		border-top:#E0DEDE solid 1px;
		border-left:#E0DEDE solid 1px;
		border-right:#E0DEDE solid 1px;
		z-index:2;
	}

	header .smanone ul.menu li li:last-child a {
		border-bottom:#E0DEDE solid 1px;
	}

	header .smanone ul.menu li a:hover{
		color:#ff0000;
	}

	header .smanone ul.sub-menu li ul.sub-menu{
		position:absolute;
		left:160px;
		top:0;
	}

	header .smanone ul.sub-menu{
		display:none;
	}

	/* IE7 対策 */
	header .smanone ul.menu{
		zoom:1;
	}

	*+html header .smanone ul.menu li{
		display:inline;
		zoom:1;
	}
	*+html header .smanone ul.sub-menu{
		zoom:1;
		position:relative;
	}

	.smanone {
		display: block;
	}

	.pcnone {
		display: none!important;
	}

	header {
		padding: 0;
	}

	#header-l {
		padding-top: 0;
	}

	#headbox {
		padding: 10px;
		margin:0 auto;
		text-align:left;
		max-width:1040px;
	}

	#headbox img {
		margin:0;
	}

	#st-headwide #headbox img{
		margin:0 auto;
	}

	nav {
		display: block;
	}

	/*IEで要素がズレるのを対応*/
	.ie7 .st-aside ul li,
	.ie8 .st-aside ul li,
	.ie9 .st-aside ul li {
		display: list-item;
		padding: 0;
	}

	/*--------------------------------
	各フォント設定
	---------------------------------*/

	/*基本のフォントサイズ*/
	p, /* テキスト */
	.yellowbox, /* 黄色ボックス */
	.graybox, /* グレーボックス */
	.redbox, /* 薄赤ボックス */
	.post ul li, /* ulリスト */
	.post ol li /* olリスト */
	 {
		font-size: 15px;
		line-height: 26px;
	}

	p {
		margin-bottom: 20px;
	}

	dd p {
		margin-bottom: 5px;
	}

	/*記事タイトル*/
	.entry-title,
	.post .entry-title {
		font-size: 30px;
		line-height: 40px;
		color: #333;
		margin-bottom: 20px;
	}

	.entry-title a:hover {
		text-decoration: underline;
	}

	/*中見出し*/
	h2 {
		font-size: 22px;
		line-height: 32px;
	}

	h2:after {
		bottom: -10px;
		left: 50px;
	}

	h2:before {
		bottom: -10px;
		left: 50px;
	}

	/*小見出し*/

	.post h4 {
	  font-size: 17px;
	  line-height: 27px;
	}

	.post h5 {
	  margin-bottom: 10px;
	  font-size: 16px;
	  line-height: 26px;
	}

	.post dd h5 {
	  margin-bottom: 5px;
	}

	/* サイドバーの見出し */
	#side h5 {
		font-size:16px;
		line-height:26px;
		margin-bottom:5px;
	}

	/*サイドバー*/
	#side .st-aside .menu_underh2 {
		font-size: 14px;
		line-height: 24px;
		font-weight:bold;
	}

	#side .st-aside ul li {
		font-size: 14px;
		line-height: 24px;
	}

	#side .st-aside #mybox ul li ul li {
	  font-size: 14px;
	  line-height: 24px;
	}

	/* オリジナルスタイルPC */
	.oomozi {
		font-size: 18pt;line-height: 35px;
	}

	.yellowbox,
	.redbox,
	.graybox
	 {
		margin-bottom: 20px;
	}

	.h2fuu:after {
		bottom: -10px;
		left: 50px;
	}

	.h2fuu:before {
		bottom: -10px;
		left: 50px;
	}

	/*--------------------------------
	ヘッダーコンテンツ
	---------------------------------*/

	#header-l {
		float:left;
	}


	#header-r a{
		text-decoration:none;
	}

	#header-r p {
		margin:0px;
	}

	/*ヘッダーリンク*/
	#header-r .footermenust {
		padding:0 10px 0 0;
		margin:0px 0 5px;
		text-align:right;
	}

	#header-r .footermenust li {
		border-right:1px solid #000;
		font-size:12px;
		line-height:18px;
		margin:0;

	}

	#header-r .footermenust li:last-child {
		border-right:none;
	}

	#header-r .footermenust a {
		padding:0px;
		margin:0px;
		font-size:12px;
		color:#000;
	}


	/*--------------------------------
	ページャー
	---------------------------------*/

	.st-pagelink .page-numbers {
		padding:5px 8px;
	}


	/*--------------------------------
	PCのレイアウト
	---------------------------------*/

	#wrapper {
		overflow:visible; /*グローバルメニューの下層リンクを表示する為*/
		padding:0;
		width:100%;
	}

	#st-header {
		max-width:1200px;
		margin:0 auto 10px;
	}

	#content {
		max-width:1200px;
		margin:0 auto;
	}

	footer {
		width:100%;
	}

	#footer {
		margin:0 auto;
	}

	#footer-in {
		max-width:1200px;
		margin:0 auto;
	}

	/* フッター文字 */
	#footer .footerlogo {
		font-size: 16px;
		line-height:26px;
		font-weight:bold;
	}


	/*--------------------------------
	SNS
	---------------------------------*/

	.sns{
		width:90%;
	}

	.sns li {
		width:33%;
	}

	.snstext{
		display:inline;
	}

	/*トップ記事一覧*/
	dd h3 a {
		color: #333;
		text-decoration: none;
		font-size:16px;
		line-height: 26px;
	}

	.kanren .clearfix dd p {
		font-size:13px;
		line-height: 18px;
	}

	/*--------------------------------
	メニューst5
	---------------------------------*/

	nav.st5 {
		padding:5px;
		display:block;
	}

	nav.st5 li {
		position: relative;
		font-size: 14px;
		padding-left: 15px;
		display: inline;
		padding-right: 15px;
		border-right:1px solid #ccc;
		padding-top: 5px;
		padding-bottom: 5px;
	}

	nav.st5 li:last-child {
		border:none;
	}

	nav.st5 li .sub-menu,
	nav.menu li .children {
		display:none;
	}

	nav.st5 li a {
		color: #333;
		text-decoration: none;
	}

	.menu-nav.st5igation-container {
		overflow: hidden;
	}

	nav.st5 li a:hover {
		text-decoration: underline;
	}

	/*--------------------------------
	メニュー未設定
	---------------------------------*/

	#st-menuwide div.menu,
	#st-menuwide nav.menu {
		max-width:1200px;
		margin:0 auto;
		padding:5px;
		display:block;
	}

	#st-menuwide div.menu:after,
	#st-menuwide nav.menu:after {
		content:'';
		display:block;
		clear:both;
	}

	#st-menuwide div.menu li,
	#st-menuwide nav.menu li {
		position: relative;
		font-size: 14px;
		padding-left: 15px;
		display: inline;
		padding-right: 15px;
		border-right:1px solid #ccc;
		padding-top: 5px;
		padding-bottom: 5px;
	}

	#st-menuwide div.menu li:last-child,
	#st-menuwide nav.menu li:last-child {
		border:none;
	}

	#st-menuwide div.menu li .sub-menu,
	#st-menuwide nav.menu li .sub-menu {
		display:none;
	}

	#st-menuwide div.menu li a,
	#st-menuwide nav.menu li a {
		color: #333;
		text-decoration: none;
	}

	/*コンタクトフォーム7の送信ボタン*/
	.wpcf7-submit{
		width:50%;
	}

	/*--------------------------------
	PCのレイアウト（右サイドバー）
	---------------------------------*/

	#contentInner {
		float: left;
		width: 100%;
		margin-right: -300px;
	}

	.st-main {
		margin-right: 320px;
		margin-left: 0px;
		background-color: #fff;
		border-radius: 4px;
		-webkit-border-radius: 4px;
		-moz-border-radius: 4px;
		padding: 30px 50px 30px;
	}

	#side .st-aside {
		float: right;
		width: 300px;
		padding: 0px;
	}

	/*-- ここまで --*/
}

/*-- 続きを読むボタン --*/
.readmore_right {
 text-align: right;/*ボタンを右側に移動*/
}
.readmore_right a {
    color: #fff;/*文字色*/
    font-size: 14px;/*文字のサイズ*/
    background-color: #305097;/*背景色*/
    border-radius: 2px;/*角を丸める*/
    padding: 5px 5px 5px 5px;/*上下左右の余白*/
    text-decoration: none;/*文字の下線なし*/
    transition: 0.5s;/*色が変化する秒数*/
}

.readmore_right a:hover {
 color: #fff;/*ホバー時の文字色*/
    background-color: #305097;/*ホバー時の背景色*/
}

/*-- スクロール広告用エリア --*/
#scrollad {
 padding-top: 80px;/*内側上部の余白*/
 margin-top: -80px;/*外側上部の余白*/
}

	.ad figure{
		margin:0px;
		/* padding-bottom: 10px;
	    width: 60px;
    display: block;
    height: 60px; */
	}
	.ad .detail{
		width:calc(100% - 65px);
	}

.wp-block-search__inside-wrapper input{
	font-size: 14px;
    border-radius: 0;
    width: 100%;
	height: 2em;
    box-sizing: border-box;
}


/*-------------------------------
    全体
-------------------------------*/

html {
	font-size: 62.5%;
	/*2*/
	-ms-text-size-adjust: 100%;
	/*1*/
	-webkit-text-size-adjust: 100%;
	/*1*/
  }

  @media screen and (min-width: 1025px) {
	html.open {
	}
  }
  body {
	color: #000000;
	font-family: YakuHanJP, "Noto Sans JP", "Yu Gothic", "游ゴシック", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, sans-serif;
	font-optical-sizing: auto;
	font-weight: 400;
	font-style: normal;
	text-rendering: optimizeLegibility;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	position: relative;
	background: #fff;
	overflow-x: hidden;
	font-size: 1.4rem;
	letter-spacing: 0.05em;
	line-height: 1.8;
	padding-top: 140px;
  }
  body.second, body#second {
  }

  @media screen and (min-width: 1025px) {
	body {
	  font-size: 1.6rem;
	}
  }
  @media screen and (max-width: 1024px) {
	body {
	  font-size: 1.4rem;
	  padding-top: 50px;
	}
	body.second, body#second {
	  padding-top: 50px;
	}
  }
  /*-------------------------------
	header
  -------------------------------*/
  .p-header {
	z-index: 3;
	width: 100vw;
	height: 110px;
	background: #fff url("https://goodhands-rpa.com/wp_2025/wp-content/themes/rpa/assets/images//top/img_header_bg@2x.webp") 0 0 no-repeat;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
		-ms-flex-align: center;
			align-items: center;
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
  }
  .p-header__inner {
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	width: 1920px;
	padding: 0 20px 0 40px;
	height: 100%;
	max-width: 100%;
	-webkit-box-pack: justify;
		-ms-flex-pack: justify;
			justify-content: space-between;
	-webkit-box-align: center;
		-ms-flex-align: center;
			align-items: center;
	margin: auto;
  }
  .p-header__logo {
	display: block;
	width: 360px;
	height: auto;
	max-width: 20%;
	-webkit-transition: all 0.015s cubic-bezier(0.51, 0.11, 0.4, 0.9) 0.02s;
	-webkit-transition: all 0.15s cubic-bezier(0.51, 0.11, 0.4, 0.9) 0.02s;
	transition: all 0.15s cubic-bezier(0.51, 0.11, 0.4, 0.9) 0.02s;
  }
  .p-header__logo picture {
	display: block;
  }
  .p-header__logo img {
	max-width: 100%;
	-webkit-transition: all 0.015s cubic-bezier(0.51, 0.11, 0.4, 0.9) 0.02s;
	-webkit-transition: all 0.15s cubic-bezier(0.51, 0.11, 0.4, 0.9) 0.02s;
	transition: all 0.15s cubic-bezier(0.51, 0.11, 0.4, 0.9) 0.02s;
	height: auto;
  }
  .p-header__nav ul {
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
		-ms-flex-align: center;
			align-items: center;
	-webkit-box-pack: end;
		-ms-flex-pack: end;
			justify-content: flex-end;
  }
  .p-header__nav li {
	margin-right: 25px;
	  list-style:none;
  }
  .p-header__nav li a {
	font-family: YakuHanJP, "Zen Kaku Gothic Antique", sans-serif;
	font-weight: 900;
	font-style: normal;
	color: #233447;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	text-decoration: none;
	-webkit-box-align: center;
		-ms-flex-align: center;
			align-items: center;
	gap: 10px;
	-webkit-transition: all 0.015s cubic-bezier(0.51, 0.11, 0.4, 0.9) 0.02s;
	-webkit-transition: all 0.15s cubic-bezier(0.51, 0.11, 0.4, 0.9) 0.02s;
	transition: all 0.15s cubic-bezier(0.51, 0.11, 0.4, 0.9) 0.02s;
  }
  .p-header__nav li a:hover {
	opacity: 0.8;
  }
  .p-header__nav li:nth-of-type(5) {
	margin-right: 5px;
	max-width: 32vw;
  }
  .p-header__nav li:nth-of-type(5) a:before {
	content: "";
	width: 55px;
	height: 55px;
	background: url("https://goodhands-rpa.com/wp_2025/wp-content/themes/rpa/assets/images//top/ico_privacy@2x.webp") 0 0 no-repeat;
	margin-top: 20px;
	background-size: contain;
  }
  .p-header__nav li:nth-of-type(6) {
	margin-right: 0;
	margin-top: 0;
	-webkit-transform: translateY(0);
			transform: translateY(0);
	max-width: 30vw;
	-webkit-transition: all 0.015s cubic-bezier(0.51, 0.11, 0.4, 0.9) 0.02s;
	-webkit-transition: all 0.15s cubic-bezier(0.51, 0.11, 0.4, 0.9) 0.02s;
	transition: all 0.15s cubic-bezier(0.51, 0.11, 0.4, 0.9) 0.02s;
  }
  .p-header__nav li:nth-of-type(6) a img {
	max-width: 100%;
	height: auto;
  }

  @media screen and (min-width: 1024px) and (max-width: 1440px) {
	.p-header {
	  height: 100px;
	}
	.p-header__inner {
	  padding: 0 20px 0 20px;
	  gap: 20px;
	}
	.p-header__logo {
	  display: block;
	  height: auto;
	}
	.p-header__nav li {
	  margin-right: 15px;
	  list-style-type: none!important;

	}
	.p-header__nav li a {
	  font-size: 1.4rem;
	}
	.p-header__nav li:nth-of-type(5) {
	  margin-right: 5px;
	}
	.p-header__nav li:nth-of-type(5) a:after {
	  content: "";
	  width: 45px;
	  height: 45px;
	}
	.p-header__nav li:nth-of-type(6) {
	  max-width: 25vw;
	}
  }
  @media screen and (max-width: 1024px) {
	.p-header {
	  height: 50px;
	}
	.p-header__inner {
	  padding: 0 20px 0 20px;
	  gap: 20px;
	}
	.p-header__logo {
	  display: block;
	  max-width: 25%;
	  margin-top: 0;
	  height: auto;
	}
	.p-header__nav {
	  display: none;
	}
  }
  /*-------------------------------
	subnav
  -------------------------------*/
  .p-subnav {
	background: -webkit-gradient(linear, left top, right top, from(#63c4f0), color-stop(20%, #0084cf), color-stop(80%, #0084cf), to(#63c4f0));
	background: linear-gradient(to right, #63c4f0 0%, #0084cf 20%, #0084cf 80%, #63c4f0 100%);
	padding: 0 20px;
	position: fixed;
	top: 110px;
	left: 0;
	right: 0;
	height: 50px;
	z-index: 4;
  }
  .p-subnav__list {
	width: 1300px;
	padding: 0 3.5vw 0 0;
	height: 100%;
	max-width: 100%;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
		-ms-flex-align: center;
			align-items: center;
	-webkit-box-pack: justify;
		-ms-flex-pack: justify;
			justify-content: space-between;
	margin: auto;
  }
  .p-subnav__list li {
	position: relative;
	height: 100%;
	list-style-type: none!important;
  }
  .p-subnav__list li:has(> ul):after {
	content: "";
	width: 6px;
	height: 6px;
	border-top: 2px solid #fff;
	border-right: 2px solid #fff;
	-webkit-transform: rotate(45deg);
			transform: rotate(45deg);
	position: absolute;
	right: -5px;
	top: calc(50% - 3px);
	-webkit-transform: rotate(135deg);
			transform: rotate(135deg);
	-webkit-transition: all 0.015s cubic-bezier(0.51, 0.11, 0.4, 0.9) 0.02s;
	-webkit-transition: all 0.15s cubic-bezier(0.51, 0.11, 0.4, 0.9) 0.02s;
	transition: all 0.15s cubic-bezier(0.51, 0.11, 0.4, 0.9) 0.02s;
  }
  .p-subnav__list li:hover > ul {
	opacity: 1;
	visibility: visible;
  }
  .p-subnav__list li:hover:after {
	-webkit-transform: rotate(-45deg);
			transform: rotate(-45deg);
  }
  .p-subnav__list li a {
	padding: 0 10px;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: -webkit-box;
	text-decoration: none;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
		-ms-flex-align: center;
			align-items: center;
	color: #fff;
	font-size: 1.8rem;
	font-weight: 700;
	height: 100%;
	-webkit-transition: all 0.015s cubic-bezier(0.51, 0.11, 0.4, 0.9) 0.02s;
	-webkit-transition: all 0.15s cubic-bezier(0.51, 0.11, 0.4, 0.9) 0.02s;
	transition: all 0.15s cubic-bezier(0.51, 0.11, 0.4, 0.9) 0.02s;
  }
  .p-subnav__list li > ul {
	background: #0084cf;
	position: absolute;
	visibility: hidden;
	width: 200px;
	opacity: 0;
	top: 100%;
	left: 0;
	-webkit-transition: all 0.2s ease;
	transition: all 0.2s ease;
  }
  .p-subnav__list li > ul li {
	border-bottom: 1px solid rgba(255, 255, 255, 0.7);
  }
  .p-subnav__list li > ul li:nth-last-of-type(1) {
	border-bottom: none;
  }
  .p-subnav__list li > ul li a {
	display: block;
	padding: 8px 8px;
	font-size: 1.3rem;
	letter-spacing: 0;
	-webkit-transition: all 0.4s ease-out;
	transition: all 0.4s ease-out;
	color: #fff;
  }
  .p-subnav__list li > ul li a:hover {
	background: #1572b1;
  }

  @media screen and (min-width: 1024px) and (max-width: 1440px) {
	.p-subnav {
	  padding: 0 20px;
	  top: 95px;
	  height: 50px;
	  z-index: 4;
	}
	.p-subnav__list {
	  padding: 0 3vw 0 0;
	}
	.p-subnav__list li {
	  position: relative;
	}
	.p-subnav__list li a {
	  padding: 0 8px;
	  font-size: 1.6rem;
	  text-decoration: none;
	}
	.p-subnav__list li > ul {
	  width: 200px;
	}
	.p-subnav__list li > ul li a {
	  padding: 7px 8px;
	  font-size: 1.25rem;
	}
  }
  @media screen and (max-width: 1024px) {
	.p-subnav {
	  display: none;
	}
  }
  /*-------------------------------
	 menu
   -------------------------------*/
  /*nav sp*/
  @-webkit-keyframes subMenu {
	0% {
	  opacity: 1;
	  z-index: 4;
	  visibility: visible;
	  top: 70px;
	}
	100% {
	  opacity: 0;
	  z-index: -2;
	  visibility: hidden;
	  top: 45px;
	}
  }
  @keyframes subMenu {
	0% {
	  opacity: 1;
	  z-index: 4;
	  visibility: visible;
	  top: 70px;
	}
	100% {
	  opacity: 0;
	  z-index: -2;
	  visibility: hidden;
	  top: 45px;
	}
  }
  @-webkit-keyframes subMenu_on {
	0% {
	  opacity: 0;
	  z-index: -2;
	  visibility: hidden;
	  top: 45px;
	}
	100% {
	  opacity: 1;
	  z-index: 5;
	  visibility: visible;
	  top: 70px;
	}
  }
  @keyframes subMenu_on {
	0% {
	  opacity: 0;
	  z-index: -2;
	  visibility: hidden;
	  top: 45px;
	}
	100% {
	  opacity: 1;
	  z-index: 5;
	  visibility: visible;
	  top: 70px;
	}
  }
  .nav_sp {
	display: block;
	visibility: visible;
	position: fixed;
	width: 100%;
	top: -150vh;
	left: 0;
	padding-top: 0;
	background: #233447;
	z-index: 1000;
	height: 100%;
	-webkit-transition: all 0.015s cubic-bezier(0.51, 0.11, 0.4, 0.9) 0.02s;
	-webkit-transition: all 0.15s cubic-bezier(0.51, 0.11, 0.4, 0.9) 0.02s;
	transition: all 0.15s cubic-bezier(0.51, 0.11, 0.4, 0.9) 0.02s;
  }
  .nav_sp_box {
	height: calc(100dvh - 60px);
	width: 1300px;
	max-width: 100%;
	position: relative;
	padding: 40px 20px 0px;
	margin: auto;
	-webkit-box-sizing: border-box;
			box-sizing: border-box;
  }
  .nav_sp_list {
	height: 100%;
	overflow-y: auto;
  }
  .nav_sp_list_midashi {
	color: #233447;
	font-weight: 700;
	display: block;
	font-size: 1.5rem;
	margin-bottom: 10px;
  }
  .nav_sp_list li.sp_menu_item {
	-webkit-animation-timing-function: ease;
			animation-timing-function: ease;
	-webkit-animation-iteration-count: 1;
			animation-iteration-count: 1;
	-webkit-animation-direction: alternate;
			animation-direction: alternate;
	-webkit-animation-fill-mode: forwards;
			animation-fill-mode: forwards;
  }
  .nav_sp_list li > a, .nav_sp_list li > span {
	line-height: 1;
	color: #fff;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: end;
		-ms-flex-align: end;
			align-items: flex-end;
	width: 100%;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	font-family: YakuHanJP, "Zen Kaku Gothic Antique", sans-serif;
	font-weight: 800;
	font-style: normal;
	-webkit-box-align: center;
		-ms-flex-align: center;
			align-items: center;
	padding: 10px 15px 10px 15px;
	position: relative;
	font-size: 1.4rem;
	border-bottom: 1px solid #dfebf7;
	-webkit-transition: all 0.02s cubic-bezier(0.51, 0.11, 0.4, 0.9);
	transition: all 0.02s cubic-bezier(0.51, 0.11, 0.4, 0.9);
  }
  .nav_sp_list li > span {
	display: block;
	position: relative;
  }
  .nav_sp_list li > span:before {
	content: "";
	width: 10px;
	height: 10px;
	border-top: 2px solid #fff;
	border-right: 2px solid #fff;
	position: absolute;
	right: 10px;
	top: calc(50% - 5px);
	-webkit-transform: rotate(135deg);
			transform: rotate(135deg);
	-webkit-transition: all 0.015s cubic-bezier(0.51, 0.11, 0.4, 0.9) 0.02s;
	-webkit-transition: all 0.15s cubic-bezier(0.51, 0.11, 0.4, 0.9) 0.02s;
	transition: all 0.15s cubic-bezier(0.51, 0.11, 0.4, 0.9) 0.02s;
  }
  .nav_sp_list li > span.open:before {
	-webkit-transform: rotate(-45deg);
			transform: rotate(-45deg);
  }
  .nav_sp_list li ul {
	display: none;
  }
  .nav_sp_list li ul li a {
	padding-left: 3em;
	font-size: 1.2rem;
  }
  .nav_sp_list li ul li a:before {
	content: "";
	width: 10px;
	height: 1px;
	margin-right: 10px;
	background: #dfebf7;
  }
  .nav_sp.open {
	top: 0;
  }

  /*animation*/
  @-webkit-keyframes spMenu {
	0% {
	  opacity: 0;
	  z-index: -2;
	  visibility: hidden;
	}
	100% {
	  opacity: 1;
	  z-index: 11;
	  visibility: visible;
	}
  }
  @keyframes spMenu {
	0% {
	  opacity: 0;
	  z-index: -2;
	  visibility: hidden;
	}
	100% {
	  opacity: 1;
	  z-index: 11;
	  visibility: visible;
	}
  }
  /*nav_toggle*/
  #nav_toggle {
	z-index: 1001;
  }
  #nav_toggle.open {
	z-index: 1001;
  }

  .nav_toggle {
	width: 60px;
	height: 14px;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
		-ms-flex-align: center;
			align-items: center;
	-webkit-box-pack: center;
		-ms-flex-pack: center;
			justify-content: center;
	position: fixed;
	visibility: visible;
	opacity: 0;
	pointer-events: none;
	top: 38px;
	right: 30px;
	z-index: 1000;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
  }
  .nav_toggle div {
	position: relative;
	width: 100%;
	height: 100%;
	gap: 10px;
	cursor: pointer;
	position: relative;
  }
  .nav_toggle span {
	width: 100%;
	height: 1px;
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	-webkit-transition: all 0.015s cubic-bezier(0.51, 0.11, 0.4, 0.9) 0.02s;
	-webkit-transition: all 0.15s cubic-bezier(0.51, 0.11, 0.4, 0.9) 0.02s;
	transition: all 0.15s cubic-bezier(0.51, 0.11, 0.4, 0.9) 0.02s;
	background: #233447;
  }
  .nav_toggle span.menu_line_1 {
	top: 0;
  }
  .nav_toggle span.menu_line_2 {
	top: 7px;
  }
  .nav_toggle span.menu_line_3 {
	top: 14px;
  }
  .nav_toggle span.menu_txt {
	color: #fff;
	font-size: 1rem;
	font-weight: 700;
	top: 30px;
	letter-spacing: 0;
	background: 0;
	text-align: justify;
  }

  /*開閉ボタンopen時*/
  .nav_toggle.open span.menu_line_1 {
	-webkit-transform: rotate(160deg);
			transform: rotate(160deg);
	top: 14px;
	background: #fff;
  }
  .nav_toggle.open span.menu_line_2 {
	-webkit-transform: rotate(-160deg);
			transform: rotate(-160deg);
	top: 14px;
	opacity: 1;
	background: #fff;
  }
  .nav_toggle.open span.menu_line_3 {
	-webkit-transform: rotate(-160deg);
			transform: rotate(-160deg);
	background: #fff;
	top: 14px;
  }

  @media screen and (max-width: 1024px) {
	.nav_toggle {
	  width: 35px;
	  top: 20px;
	  opacity: 1;
	  pointer-events: all;
	  right: 10px;
	  z-index: 5;
	  z-index: 1000;
	  -webkit-box-sizing: border-box;
	  box-sizing: border-box;
	}
	/*開閉ボタンopen時*/
	.nav_toggle.open span.menu_line_1 {
	  top: 12px;
	}
	.nav_toggle.open span.menu_line_2 {
	  top: 12px;
	}
	.nav_toggle.open span.menu_line_3 {
	  top: 12px;
	}
  }
  .sp_menu__bottom {
	padding: 20px 0;
  }
  .sp_menu__bottom > div {
	background: #fff;
	padding: 15px 0;
	margin-top: 20px;
  }
  .sp_menu__bottom > div > a:nth-of-type(1) {
	margin-bottom: 20px;
	height: 50px;
  }

  /*-------------------------------
	footer
  -------------------------------*/
  .p-footer {
	width: 100%;
	position: relative;
	z-index: 1;
	background: -webkit-gradient(linear, left top, right top, from(#63c4f0), color-stop(20%, #0084cf), color-stop(80%, #0084cf), to(#63c4f0));
	background: linear-gradient(to right, #63c4f0 0%, #0084cf 20%, #0084cf 80%, #63c4f0 100%);
	overflow: hidden;
	padding-top: 50px;
	padding-bottom: 20px;
	color: #fff;
	position: relative;
  }
  .p-footer__inner {
	width: 1150px;
	max-width: 100%;
	margin: auto;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
		flex-wrap: wrap;
  }
  .p-footer__top {
	font-size: 1.4rem;
	font-family: YakuHanJP, "Zen Kaku Gothic Antique", sans-serif;
	font-weight: 700;
	font-style: normal;
	color: #fff;
	margin-bottom: 20px;
  }
  .p-footer__menu {
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	width: 100%;
	-webkit-box-pack: justify;
		-ms-flex-pack: justify;
			justify-content: space-between;
	gap: 20px;
	margin-bottom: 80px;
  }
  .p-footer__menu ul li {
	font-family: YakuHanJP, "Zen Kaku Gothic Antique", sans-serif;
	font-weight: 700;
	list-style: none;
	font-style: normal;
  }
  .p-footer__menu ul li a {
	color: #fff;
	text-decoration: none;
  }
  .p-footer__menu__link {
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
		-ms-flex-align: center;
			align-items: center;
	gap: 15px;
	padding-left: 5px;
	font-family: YakuHanJP, "Zen Kaku Gothic Antique", sans-serif;
	font-weight: 500;
	font-style: normal;
	font-size: 1.4rem;
  }
  .p-footer__menu__link:before {
	content: "";
	display: block;
	width: 10px;
	height: 12px;
	margin-top: 4px;
	background: #fff;
	clip-path: polygon(0 0, 0 100%, 100% 50%);
  }
  .p-footer__menu__link2 {
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
		-ms-flex-align: center;
			align-items: center;
	gap: 6px;
	font-family: YakuHanJP, "Zen Kaku Gothic Antique", sans-serif;
	font-weight: 500;
	font-style: normal;
	font-size: 1.4rem;
  }
  .p-footer__menu__link2:before {
	content: "";
	display: block;
	width: 6px;
	height: 2px;
	margin-top: 2px;
	background: #fff;
  }
  .p-footer__img {
	width: 100%;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
		-ms-flex-pack: center;
			justify-content: center;
	gap: 20px;
	position: relative;
	font-size: 1.2rem;
	line-height: 1.4;
  }
  .p-footer__img__logo {
	width: 318px;
	height: auto;
  }
  .p-footer__img__privacy {
	margin-left: auto;
	width: 71px;
	position: absolute;
	right: 0;
	bottom: 10px;
  }
  .p-footer__copyright {
	font-size: 1.2rem;
	line-height: 1;
	display: block;
	background: -webkit-gradient(linear, left top, right top, from(#63c4f0), color-stop(20%, #0084cf), color-stop(80%, #0084cf), to(#63c4f0));
	background: linear-gradient(to right, #63c4f0 0%, #0084cf 20%, #0084cf 80%, #63c4f0 100%);
	color: #fff;
	text-align: right;
	width: 100%;
	padding: 10px;
	font-family: YakuHanJP, "Zen Kaku Gothic Antique", sans-serif;
	font-weight: 700;
	font-style: normal;
	text-align: center;
	letter-spacing: 0.05em;
  }

  @media screen and (min-width: 1024px) and (max-width: 1440px) {
	.p-footer__inner {
	  max-width: calc(100% - 40px);
	}
	.p-footer__menu {
	  gap: 15px;
	}
	.p-footer__menu ul li a {
	  font-size: 1.4rem;
	}
	.p-footer__menu__link {
	  gap: 10px;
	  font-size: 1.3rem;
	}
	.p-footer__menu__link:before {
	  width: 9px;
	  height: 11px;
	}
	.p-footer__menu__link2 {
	  gap: 5px;
	  font-family: YakuHanJP, "Zen Kaku Gothic Antique", sans-serif;
	  font-weight: 500;
	  font-style: normal;
	  font-size: 1.3rem;
	}
	.p-footer__copyright {
	  font-size: 1.1rem;
	}
  }
  @media screen and (max-width: 1024px) {
	.p-footer {
	  padding-top: 40px;
	  padding-bottom: 20px;
	}
	.p-footer__inner {
	  display: -moz-flex;
	  display: -ms-flex;
	  display: -o-flex;
	  display: -webkit-box;
	  display: -ms-flexbox;
	  display: flex;
	  -ms-flex-wrap: wrap;
		  flex-wrap: wrap;
	  max-width: calc(100% - 40px);
	}
	.p-footer__menu {
	  display: -moz-flex;
	  display: -ms-flex;
	  display: -o-flex;
	  display: -webkit-box;
	  display: -ms-flexbox;
	  display: flex;
	  -ms-flex-wrap: wrap;
		  flex-wrap: wrap;
	  gap: 15px;
	  margin-bottom: 40px;
	}
	.p-footer__menu ul {
	  width: 100%;
	}
	.p-footer__menu ul li {
	  font-size: 1.2rem;
	}
	.p-footer__menu ul li a {
	  color: #fff;
	}
	.p-footer__menu__link {
	  display: -moz-flex;
	  display: -ms-flex;
	  display: -o-flex;
	  display: -webkit-box;
	  display: -ms-flexbox;
	  display: flex;
	  -ms-flex-wrap: wrap;
		  flex-wrap: wrap;
	  gap: 10px;
	  font-size: 1.2rem;
	}
	.p-footer__menu__link2 {
	  font-size: 1.2rem;
	  padding-left: 30px;
	}
	.p-footer__img {
	  display: -moz-flex;
	  display: -ms-flex;
	  display: -o-flex;
	  display: -webkit-box;
	  display: -ms-flexbox;
	  display: flex;
	  font-size: 0.8rem;
	  line-height: 1.4;
	  padding-right: 20px;
	}
	.p-footer__img__logo {
	  width: 200px;
	  max-width: 20%;
	}
	.p-footer__img__privacy {
	  margin-left: auto;
	  width: 25px;
	  position: absolute;
	  right: 0;
	  bottom: 10px;
	}
	.p-footer__img__privacy img {
	  max-width: 100%;
	  height: auto;
	}
	.p-footer__copyright {
	  font-size: 0.8rem;
	  padding: 8px;
	}
  }
  .c-pagetop {
	position: fixed;
	bottom: 20px;
	right: 20px;
	z-index: 9999;
  }
  .c-pagetop a {
	display: block;
	width: 40px;
	height: 40px;
	background: #233447;
	border-radius: 50%;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
		-ms-flex-align: center;
			align-items: center;
	-webkit-box-pack: center;
		-ms-flex-pack: center;
			justify-content: center;
	position: relative;
  }
  .c-pagetop a span {
	display: block;
	width: 10px;
	height: 10px;
	position: absolute;
	top: 55%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%) rotate(-45deg);
			transform: translate(-50%, -50%) rotate(-45deg);
	border-top: 2px solid #fff;
	border-right: 2px solid #fff;
  }

  /*-------------------------------
	  a
  -------------------------------*/
  a {
	/* color: blue; */
  }

  /*-------------------------------
	  fadein
  -------------------------------*/
  .fade_in,
  .fade_in_once {
	position: relative;
	opacity: 0;
	visibility: hidden;
	top: 20px;
	-webkit-transition: all 0.65s ease-in-out 0.05s;
	transition: all 0.65s ease-in-out 0.05s;
  }
  .fade_in.fade_in_up,
  .fade_in_once.fade_in_up {
	opacity: 1;
	visibility: visible;
	top: 0;
  }

  .fade_in2,
  .fade_in_once {
	position: relative;
	opacity: 0;
	visibility: hidden;
	-webkit-transition: all 0.65s ease-in-out 0.05s;
	transition: all 0.65s ease-in-out 0.05s;
  }
  .fade_in2.fade_in_up,
  .fade_in_once.fade_in_up {
	opacity: 1;
	visibility: visible;
  }

  .fade_bottom {
	position: relative;
	opacity: 0;
	visibility: hidden;
	bottom: -20px;
	-webkit-transition: all 0.8s ease-in-out 0.1s;
	transition: all 0.8s ease-in-out 0.1s;
  }
  .fade_bottom.fade_bottom_up {
	opacity: 1;
	visibility: visible;
	bottom: 0;
  }

  /*-------------------------------
  clip_once
  -------------------------------*/
  .clip_once {
	clip-path: inset(0 100% 0 0);
	-webkit-transition: clip-path 0.45s cubic-bezier(0.51, 0.11, 0.4, 0.9) 0.25s;
	transition: clip-path 0.45s cubic-bezier(0.51, 0.11, 0.4, 0.9) 0.25s;
  }
  .clip_once.clip_active {
	clip-path: inset(0 0% 0 0);
  }



/*-------------------------------
  c-cta
-------------------------------*/
.c-cta {
	background: #f7f7f7;
	color: #233447;
  }
  .c-cta.bluebg {
	background: #dfebf7;
  }
  .c-cta__2 {
	background: #dfebf7;
	position: relative;
  }
  .c-cta__h2 {
	font-family: YakuHanJP, "Zen Kaku Gothic Antique", sans-serif;
	font-weight: 800;
	font-style: normal;
	font-size: clamp(2.4rem, 0.8rem + 2.5vw, 3.7rem);
	line-height: 1.4;
	color: #234993;
	margin-bottom: 60px;
	background: none!important;
	border: 0!important;
  }
  .c-cta__inner {
	width: 1150px;
	max-width: calc(100% - 40px);
	margin: auto;
	padding: 100px 0;
	text-align: center;
  }
  .c-cta__inner__2 {
	padding: 0px 0 100px 0;
  }
  .c-cta__list {
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
		-ms-flex-pack: center;
			justify-content: center;
	gap: 0;
	background: #fff;
	border-radius: 20px;
	padding: 35px 0 30px 0;
  }
  .c-cta__list__item {
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	width: 33%;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
		-ms-flex-direction: column;
			flex-direction: column;
	gap: 20px;
	-webkit-box-align: center;
		-ms-flex-align: center;
			align-items: center;
	position: relative;
	padding: 40px clamp(20px, 1.143rem + 1.41vw, 40px) 10px clamp(20px, 1.143rem + 1.41vw, 40px);
	border-right: 1px solid #666;
  }
  .c-cta__list__item:last-of-type {
	border-right: none;
	border-bottom: none;
  }
  .c-cta__list__item:before {
	content: "";
	display: block;
	width: 84px;
	height: 84px;
	background: url("https://goodhands-rpa.com/wp_2025/wp-content/themes/rpa/assets/images/common/ico_cta_mail.webp") 0 0 no-repeat;
	background-size: contain;
	position: absolute;
	top: -20px;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
			transform: translate(-50%, -50%);
	z-index: 1;
  }
  .c-cta__list__item.tel1:before {
	background: url("https://goodhands-rpa.com/wp_2025/wp-content/themes/rpa/assets/images/common/ico_cta_tel.webp") 0 0 no-repeat;
	background-size: contain;
  }
  .c-cta__list__item.mail:before {
	  width:183px;
  }

.c-cta__list__item.chat:before {
	background: url("https://goodhands-rpa.com/wp_2025/wp-content/themes/rpa/assets/images/common/ico_cta_chat.webp") 0 0 no-repeat;
	background-size: contain;
  }
  .c-cta__list__item__h4 {
	font-family: YakuHanJP, "Zen Kaku Gothic Antique", sans-serif;
	font-weight: 800;
	font-style: normal;
	font-size: clamp(1.6rem, 1.143rem + 0.81vw, 2.3rem);
	line-height: 1.4;
	color: #233447;
	position: relative;
	width: 100%;
	height: 45px;
  }
  .c-cta__list__item__h4.tel1:before {
	content: "";
	display: block;
	width: 100px;
	height: 145px;
	background: url("https://goodhands-rpa.com/wp_2025/wp-content/themes/rpa/assets/images/top/img_cta_tel2.webp") 0 0 no-repeat;
	background-size: contain;
	position: absolute;
	top: 15px;
	right: -15px;
	-webkit-transform: translateY(-50%);
			transform: translateY(-50%);
	z-index: 1;
	max-width: 35%;
  }
  .c-cta__list__item__h4.tel2:before {
	content: "";
	display: block;
	width: 100px;
	height: 145px;
	background: url("https://goodhands-rpa.com/wp_2025/wp-content/themes/rpa/assets/images/top/img_cta_tel4.webp") 0 0 no-repeat;
	background-size: contain;
	position: absolute;
	top: 15px;
	right: -15px;
	-webkit-transform: translateY(-50%);
			transform: translateY(-50%);
	z-index: 1;
	max-width: 35%;
  }
  .c-cta__list__item__h4.mail {
	height: 65px;
	line-height: 1.2;
  }
  .c-cta__list__item__h4.mail span {
	font-weight: 600;
	font-size: clamp(1.2rem, 0.843rem + 0.81vw, 1.6rem);
  }
.c-cta__list__item__h4_mail {
    height: 100px;
}
.c-cta__list__item__h4_chat {
    height: 25px;
}

  .c-cta__list__item__p {
	font-family: YakuHanJP, "Zen Kaku Gothic Antique", sans-serif;
	font-weight: 800;
	font-style: normal;
	font-size: clamp(1.6rem, 1.143rem + 0.81vw, 2.3rem);
/*        height: 60px; */
        transform: translateY(-30px);
	line-height: 1.4;
	color: #233447;
  }
  .c-cta__list__item__p__2 {
	font-family: YakuHanJP, "Zen Kaku Gothic Antique", sans-serif;
	font-weight: 800;
	font-style: normal;
	font-size: clamp(1.4rem, 0.843rem + 1.01vw, 1.8rem);
	line-height: 1.4;
	color: #233447;
	  margin-bottom:0;
        height: 55px;
	  white-space:nowrap;
	-webkit-transform: translateY(10px);
			transform: translateY(10px);
  }
  .c-cta__list__item > figure img {
	max-width: 100%;
	height: auto;
  }
  .c-cta__list__item > figure figcaption {
	display: block;
	margin-top: 5px;
	font-family: YakuHanJP, "Zen Kaku Gothic Antique", sans-serif;
	font-weight: 800;
	font-style: normal;
	line-height: 1.4;
	font-size: clamp(1.6rem, 1.143rem + 0.81vw, 2.3rem);
	position: relative;
  }
  .c-cta__list__item__telfigure {
	margin-top: 20px;
  }
  .c-cta__list__item__telfigure.tel2 {
	margin-top: -5px;
  }
  .c-cta__list__item__telfigure.tel2 figcaption {
	margin-top: 20px;
	position: relative;
  }
  .c-cta__list__item__telfigure.tel2 figcaption:after {
	content: "";
	display: block;
	width: 95px;
	height: 95px;
	background: url("https://goodhands-rpa.com/wp_2025/wp-content/themes/rpa/assets/images/top/img_cta_tel_3.webp") 0 0 no-repeat;
	background-size: contain;
	position: absolute;
	top: 30px;
	right: -30px;
	-webkit-transform: translateY(-50%);
			transform: translateY(-50%);
	z-index: 1;
	max-width: 35%;
  }
.c-cta__list__item a {
    letter-spacing: -0.08em;
}
  @media screen and (max-width: 1024px) {
	.c-cta__h2 {
	  font-size: clamp(1.8rem, 0.8rem + 2vw, 2.8rem);
	  margin-bottom: 40px;
	}
	.c-cta__inner {
	  max-width: calc(100% - 40px);
	  padding: 50px 0;
	}
	.c-cta__inner__2 {
	  padding: 0px 0 50px 0;
	}
	.c-cta__list {
	  display: -moz-flex;
	  display: -ms-flex;
	  display: -o-flex;
	  display: -webkit-box;
	  display: -ms-flexbox;
	  display: flex;
	  -ms-flex-wrap: wrap;
		  flex-wrap: wrap;
	  border-radius: 20px;
	  padding: 0 0 20px 0;
	}
	.c-cta__list__item {
	  display: -moz-flex;
	  display: -ms-flex;
	  display: -o-flex;
	  display: -webkit-box;
	  display: -ms-flexbox;
	  display: flex;
	  width: 100%;
	  -webkit-box-orient: vertical;
	  -webkit-box-direction: normal;
		  -ms-flex-direction: column;
			  flex-direction: column;
	  gap: 10px;
	  padding: 20px clamp(20px, 1.143rem + 1.41vw, 40px) 20px clamp(20px, 1.143rem + 1.41vw, 40px);
	  border-right: 0;
	  border-bottom: 1px solid #666;
	}
	.c-cta__list__item:last-child {
	  border-bottom: 0;
	}
	.c-cta__list__item:before {
	  content: "";
	  display: block;
	  width: 42px;
	  height: 42px;
	  background: url("https://goodhands-rpa.com/wp_2025/wp-content/themes/rpa/assets/images/common/ico_cta_mail@2x.webp") 0 0 no-repeat;
	  background-size: contain;
	  position: relative;
	  margin-inline: auto;
	  top: auto;
	  left: auto;
	  -webkit-transform: translate(0);
			  transform: translate(0);
	}
	.c-cta__list__item.tel1:before {
	  background: url("https://goodhands-rpa.com/wp_2025/wp-content/themes/rpa/assets/images/common/ico_cta_tel@2x.webp") 0 0 no-repeat;
	  background-size: contain;
	}
 .c-cta__list__item.mail:before {
            background-position: 50% 0;
  }
	  
	.c-cta__list__item.chat:before {
	  background: url("https://goodhands-rpa.com/wp_2025/wp-content/themes/rpa/assets/images/common/ico_cta_chat@2x.webp") 0 0 no-repeat;
	  background-size: contain;
	}
	.c-cta__list__item__h4 {
	  font-family: YakuHanJP, "Zen Kaku Gothic Antique", sans-serif;
	  font-weight: 800;
	  font-style: normal;
	  font-size: clamp(1.8rem, 1.243rem + 1.81vw, 2.6rem);
	  line-height: 1.4;
	  color: #233447;
	  position: relative;
	  width: 100%;
	}
	.c-cta__list__item__h4.tel1:before {
	  content: "";
	  display: block;
	  width: 100px;
	  height: 145px;
	  background: url("https://goodhands-rpa.com/wp_2025/wp-content/themes/rpa/assets/images/top/img_cta_tel2.webp") 0 0 no-repeat;
	  background-size: contain;
	  position: absolute;
	  top: 15px;
	  right: -15px;
	  -webkit-transform: translateY(-50%);
			  transform: translateY(-50%);
	  z-index: 1;
	  max-width: 35%;
	}
	.c-cta__list__item__h4.tel2:before {
	  content: "";
	  display: block;
	  width: 70px;
	  height: 101.5px;
	  background: url("https://goodhands-rpa.com/wp_2025/wp-content/themes/rpa/assets/images/top/img_cta_tel4.webp") 0 0 no-repeat;
	  background-size: contain;
	  position: absolute;
	  top: 15px;
	  right: -15px;
	  -webkit-transform: translateY(-50%);
			  transform: translateY(-50%);
	  z-index: 1;
	  max-width: 35%;
	}
	.c-cta__list__item__p {
	  font-family: YakuHanJP, "Zen Kaku Gothic Antique", sans-serif;
	  font-weight: 800;
	  font-style: normal;
	  font-size: clamp(1.4rem, 0.843rem + 1.01vw, 1.6rem);
	  line-height: 1.4;
	  color: #233447;
	}
	.c-cta__list__item__p__2 {
	  font-family: YakuHanJP, "Zen Kaku Gothic Antique", sans-serif;
	  font-weight: 800;
	  font-style: normal;
	  font-size: clamp(1rem, 0.843rem + 0.61vw, 1.2rem);
	  line-height: 1.4;
	  color: #233447;
	  -webkit-transform: translateY(10px);
			  transform: translateY(10px);
	}
	.c-cta__list__item > figure img {
	  max-width: 100%;
	  height: auto;
	}
	.c-cta__list__item > figure figcaption {
	  display: block;
	  margin-top: 5px;
	  font-family: YakuHanJP, "Zen Kaku Gothic Antique", sans-serif;
	  font-weight: 800;
	  font-style: normal;
	  line-height: 1.4;
	  font-size: clamp(1.6rem, 1.143rem + 0.81vw, 2.3rem);
	  position: relative;
	}
	.c-cta__list__item__telfigure {
	  margin-top: 20px;
	}
	.c-cta__list__item__telfigure.tel2 {
	  margin-top: -5px;
	}
	.c-cta__list__item__telfigure.tel2 figcaption {
	  margin-top: 20px;
	  position: relative;
	}
	.c-cta__list__item__telfigure.tel2 figcaption:after {
	  content: "";
	  display: block;
	  width: 95px;
	  height: 95px;
	  background: url("https://goodhands-rpa.com/wp_2025/wp-content/themes/rpa/assets/images/top/img_cta_tel_3.webp") 0 0 no-repeat;
	  background-size: contain;
	  position: absolute;
	  top: 30px;
	  right: -30px;
	  -webkit-transform: translateY(-50%);
			  transform: translateY(-50%);
	  z-index: 1;
	  max-width: 35%;
	}
  }
  #eye_catcher {
	display: none !important;
  }

  /*-------------------------------
	99 共通 p-common--section
  -------------------------------*/
  /**サブページのページタイトル */
  .p-sub__title {
	background: url("https://goodhands-rpa.com/wp_2025/wp-content/themes/rpa/assets/images/common/img_sub_main.webp") 0 0 no-repeat;
	background-size: cover;
	position: relative;
  }
  .p-sub__title:before {
	content: "";
	display: block;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, 0.14);
	position: absolute;
	top: 0;
	width: 100%;
	height: 100%;
	z-index: 0;
  }
  .p-sub__title__h1 {
	width: 1150px;
	max-width: calc(100% - 40px);
	margin: auto;
	padding: 50px 0 55px 0;
	color: #fff;
	text-align: center;
	position: relative;
	z-index: 2;
	font-size: clamp(3.2rem, 1.257rem + 3.04vw, 4.9rem);
	line-height: 1.4;
	letter-spacing: -0.03em;
	font-family: YakuHanJP, "Zen Kaku Gothic Antique", sans-serif;
	font-weight: 700;
	font-style: normal;
  }
  .p-sub__title__h1 span {
	display: block;
	font-size: clamp(1.4rem, 0.714rem + 1.07vw, 2rem);
  }
  .p-sub__title__h1 span.big {
	font-size: clamp(2.8rem, 1.157rem + 3.04vw, 3.8rem);
  }

  /*サブページのCTAボタン */
  .c-cta__btn {
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
		-ms-flex-pack: center;
			justify-content: center;
	gap: 40px;
  }
  .c-cta__btn__1, .c-cta__btn__2 {
	display: block;
	text-align: center;
  }
  .c-cta__btn__1 p, .c-cta__btn__2 p {
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
		-ms-flex-align: center;
			align-items: center;
	-webkit-box-pack: center;
		-ms-flex-pack: center;
			justify-content: center;
	gap: 10px;
	margin-bottom: 5px !important;
	font-size: 1.4rem;
	letter-spacing: 0.05em !important;
	line-height: 1;
	color: #233447;
	margin: auto auto 15px auto;
	font-size: clamp(1.4rem, 0.714rem + 1.07vw, 2rem) !important;
	font-family: YakuHanJP, "Zen Kaku Gothic Antique", sans-serif;
	font-weight: 800;
	font-style: normal;
	letter-spacing: -0.02em;
	height: 30px;
	color: #234993;
  }
  .c-cta__btn__1 p:before, .c-cta__btn__2 p:before {
	content: "";
	display: block;
	width: 2px;
	height: 20px;
	-webkit-transform: rotate(-45deg);
			transform: rotate(-45deg);
	background: #234993;
  }
  .c-cta__btn__1 p:after, .c-cta__btn__2 p:after {
	content: "";
	display: block;
	width: 2px;
	height: 20px;
	-webkit-transform: rotate(45deg);
			transform: rotate(45deg);
	background: #234993;
  }
  .c-cta__btn__1 p span, .c-cta__btn__2 p span {
	font-family: YakuHanJP, "Zen Kaku Gothic Antique", sans-serif;
	font-weight: 900;
	font-style: normal;
	color: #234993;
	-webkit-transform: translateX(5px) translateY(-5px);
			transform: translateX(5px) translateY(-5px);
	font-size: clamp(2.2rem, 0.814rem + 1.97vw, 3rem);
  }

  @media screen and (max-width: 1024px) {
	.c-cta__btn {
	  display: -moz-flex;
	  display: -ms-flex;
	  display: -o-flex;
	  display: -webkit-box;
	  display: -ms-flexbox;
	  display: flex;
	  -ms-flex-wrap: wrap;
		  flex-wrap: wrap;
	  -webkit-box-pack: center;
		  -ms-flex-pack: center;
			  justify-content: center;
	  gap: 40px;
	}
	.c-cta__btn__1 p span, .c-cta__btn__2 p span {
	  -webkit-transform: translateX(5px) translateY(-5px);
			  transform: translateX(5px) translateY(-5px);
	  font-size: clamp(2.2rem, 0.914rem + 1.97vw, 3rem);
	}
  }
  /**サブページのパンくずリスト */
  .c-breadcrumb {
	background: #e6e6e6;
	padding: 10px 60px;
  }
  .c-breadcrumb ul,
  .c-breadcrumb ol {
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	gap: 10px;
  }
  .c-breadcrumb ul a,
  .c-breadcrumb ul span,
  .c-breadcrumb ol a,
  .c-breadcrumb ol span {
	line-height: 2.3;
	font-size: clamp(1.2rem, 0.554rem + 0.607vw, 1.4rem);
	color: #000000;
  }
  /**サブページの共通セクション */
  .p-common--section.graybg {
	background: #f7f7f7;
  }
  .p-common--section.bluebg {
	background: #dfebf7;
  }
  .p-common--section__inner {
	padding-top: 60px;
	padding-bottom: 60px;
  }
  .p-common--section__inner .text1 {
	font-size: clamp(1.6rem, 0.744rem + 1.28vw, 2.2rem);
	margin-bottom: 1.5em;
  }
  @media screen and (max-width: 1024px) {
	.p-common--section__inner {
	  padding-top: 40px;
	  padding-bottom: 40px;
	}
	.p-common--section__inner .text1 {
	  font-size: clamp(1.4rem, 0.544rem + 1.08vw, 1.6rem);
	}
  }
  .p-common--section__content {
	padding-bottom: 5em;
  }
  .p-common--section__content h2 {
	font-family: YakuHanJP, "Zen Kaku Gothic Antique", sans-serif;
	font-weight: 800;
	font-style: normal;
	font-size: clamp(2.8rem, 1.371rem + 2.06vw, 4.8rem);
	line-height: 1.4;
	text-align: center;
	color: #233447;
	margin-bottom: 2em;
  }
  @media screen and (max-width: 1024px) {
	.p-common--section__content h2 {
	  font-size: clamp(1.6rem, 1.071rem + 1.46vw, 2.2rem);
	  margin-bottom: 2em;
	}
  }
  .p-common--section__content h3 {
	font-family: YakuHanJP, "Zen Kaku Gothic Antique", sans-serif;
	font-weight: 800;
	font-style: normal;
	font-size: clamp(2.6rem, 1.271rem + 1.46vw, 3.8rem);
	line-height: 1.4;
	padding: 5px 10px;
	margin-bottom: 2em;
	text-align: center;
	background: #143883;
	color: #fff;
	text-align: center;
  }
  @media screen and (max-width: 1024px) {
	.p-common--section__content h3 {
	  font-size: clamp(1.6rem, 1.071rem + 1.06vw, 2.4rem);
	  margin-bottom: 2em;
	}
  }
  .p-common--section__content h4 {
	font-size: clamp(1.6rem, 0.744rem + 1.48vw, 2.6rem);
	font-family: YakuHanJP, "Zen Kaku Gothic Antique", sans-serif;
	font-weight: 800;
	font-style: normal;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	color: #233447;
	margin-bottom: 1.5em;
	gap: 20px;
  }
  @media screen and (max-width: 1024px) {
	.p-common--section__content h4 {
	  font-size: clamp(1.4rem, 0.544rem + 1.28vw, 1.86rem);
	}
  }
  .p-common--section__content p {
	font-size: clamp(1.6rem, 0.871rem + 0.86vw, 2.2rem);
	margin-bottom: 1.5em;
  }
  @media screen and (max-width: 1024px) {
	.p-common--section__content p p {
	  font-size: clamp(1.4rem, 0.544rem + 0.88vw, 1.86rem);
	}
  }
  .p-common--section__content figure {
	margin-bottom: 2.5em !important;
  }
  .p-common--section__content ul {
	margin-bottom: 1.5em;
  }
  .p-common--section__content ul li {
	font-size: clamp(1.6rem, 0.871rem + 0.86vw, 2.2rem);
	list-style-type: disc;
	margin-left: 1em;
  }
  @media screen and (max-width: 1024px) {
	.p-common--section__content ul li li {
	  font-size: clamp(1.4rem, 0.544rem + 0.88vw, 1.86rem);
	}
  }
  .p-common--section__cta {
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	gap: 100px;
	margin-bottom: 50px;
	-ms-grid-column-align: center;
		justify-self: center;
  }
  .p-common--section__cta__item a {
	width: 360px;
  }
  .p-common--section__cta__item picture {
	width: 100%;
	text-align: center;
	height: 100px;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
		-ms-flex-align: center;
			align-items: center;
	-webkit-box-pack: center;
		-ms-flex-pack: center;
			justify-content: center;
  }
  .p-common--section__cta__item picture img {
	max-width: 100%;
	height: auto;
  }

  @media screen and (max-width: 1024px) {
	.p-sub__title {
	  background: url("https://goodhands-rpa.com/wp_2025/wp-content/themes/rpa/assets/images/common/img_sub_main@2x.webp") 0 0 no-repeat;
	  background-size: cover;
	}
	.p-sub__title__h1 {
	  padding: 20px 0 20px 0;
	  font-size: clamp(2rem, 1.057rem + 2.04vw, 4.9rem);
	  line-height: 1.4;
	  letter-spacing: -0.03em;
	  font-family: YakuHanJP, "Zen Kaku Gothic Antique", sans-serif;
	  font-weight: 700;
	  font-style: normal;
	}
	.p-sub__title__h1 span {
	  display: block;
	  font-size: clamp(1.4rem, 0.714rem + 1.07vw, 2rem);
	}
	.c-breadcrumb {
	  background: #e6e6e6;
	  padding: 10px 20px;
	}
	.c-breadcrumb ul,
	.c-breadcrumb ol {
	  display: -moz-flex;
	  display: -ms-flex;
	  display: -o-flex;
	  display: -webkit-box;
	  display: -ms-flexbox;
	  display: flex;
	  gap: 4px;
	}
	.c-breadcrumb ul li a,
	.c-breadcrumb ul li span,
	.c-breadcrumb ol li a,
	.c-breadcrumb ol li span {
	  letter-spacing: 0;
	  font-size: clamp(0.8rem, 0.454rem + 0.77vw, 1.2rem);
	}
	.c-breadcrumb ul li a:after,
	.c-breadcrumb ol li a:after {
	  content: ">";
	  display: inline-block;
	  margin-left: 5px;
	  color: #000000;
	}
	.table-wrap {
	  overflow-x: scroll;
	}
	.table-wrap .scroll-hint-icon {
	  top: calc(10% - 20px);
	}
	.table {
	  width: 100%;
	  border-collapse: collapse;
	  white-space: nowrap;
	}
	.table th,
	.table td {
	  border: 2px solid #eee;
	  padding: 4px 8px;
	}
  }
  /*ダウンロードリスト*/
  .c-download__list {
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
		-ms-flex-pack: justify;
			justify-content: space-between;
	gap: 20px;
	width: 100%;
	padding-bottom: 50px;
  }
  .c-download__list.center {
	-webkit-box-pack: center;
		-ms-flex-pack: center;
			justify-content: center;
	gap: 60px;
  }
  .c-download__list__item {
	width: calc(33.3333333333% - 20px);
	max-width: 360px;
	background: #fff;
	position: relative;
  }
  .c-download__list__item:before {
	content: "";
	display: block;
	width: calc(100% + 16px);
	height: 34px;
	-webkit-transform: translate(-8px, -10px);
			transform: translate(-8px, -10px);
	background: url("https://goodhands-rpa.com/wp_2025/wp-content/themes/rpa/assets/images/common/img_box_line1_green.webp") 0 0 no-repeat;
	background-size: 100%;
  }
  .c-download__list__item:after {
	content: "";
	display: block;
	width: calc(100% + 16px);
	height: 34px;
	-webkit-transform: translate(-8px, 10px);
			transform: translate(-8px, 10px);
	background: url("https://goodhands-rpa.com/wp_2025/wp-content/themes/rpa/assets/images/common/img_box_line2_green.webp") 0 100% no-repeat;
	background-size: 100%;
  }
  .c-download__list__item__nobg {
	padding-bottom: 30px;
  }
  .c-download__list__item__nobg:before {
	display: none !important;
  }
  .c-download__list__item__nobg:after {
	display: none !important;
  }
  .c-download__list__item__blue:before {
	background: url("https://goodhands-rpa.com/wp_2025/wp-content/themes/rpa/assets/images/common/img_box_line1_blue.webp") 0 0 no-repeat;
	background-size: 100%;
  }
  .c-download__list__item__blue:after {
	background: url("https://goodhands-rpa.com/wp_2025/wp-content/themes/rpa/assets/images/common/img_box_line2_blue.webp") 0 100% no-repeat;
	background-size: 100%;
  }
  .c-download__list__h3 {
	font-size: clamp(2rem, 1.243rem + 0.991vw, 2.7rem);
	font-family: YakuHanJP, "Zen Kaku Gothic Antique", sans-serif;
	font-weight: 800;
	font-style: normal;
	color: #08756d;
	position: relative;
	line-height: 1.4;
	text-align: center;
	margin-bottom: 10px;
  }
  .c-download__list__h3.blue {
	color: #234993;
  }
  .c-download__list__h3.middle {
	font-size: clamp(1.6rem, 1.043rem + 0.991vw, 1.8rem);
  }
  .c-download__list__p {
	font-size: clamp(1.4rem, 0.544rem + 1.08vw, 1.6rem);
	font-family: YakuHanJP, "Zen Kaku Gothic Antique", sans-serif;
	font-weight: 500;
	font-style: normal;
	color: #000000;
	line-height: 1.4;
	height: 4em;
	max-width: 70%;
	margin-inline: auto;
	text-align: center;
  }
  .c-download__list__link {
	width: 255px !important;
  }
  .c-download__list__figure {
	text-align: center;
	width: 100%;
	max-width: 100%;
	height: auto;
	margin: auto!important;
	margin-bottom: 20px;
  }
  .c-download__list__figure.height1 {
	height: 290px;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	margin: auto!important;
	-webkit-box-align: center;
		-ms-flex-align: center;
			align-items: center;
	-webkit-box-pack: center;
		-ms-flex-pack: center;
			justify-content: center;
  }
  .c-download__list__figure picture {
	display: block;
	width: 100%;
	max-width: 100%;
	height: auto;
	padding: 0 20px;
	background: #fff;
  }
  .c-download__list__btn {
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
		-ms-flex-pack: justify;
			justify-content: space-between;
	-ms-flex-wrap: wrap;
		flex-wrap: wrap;
	width: 780px;
	max-width: 100%;
	margin-inline: auto;
	gap: 40px;
	margin-bottom: 70px;
  }
  .c-download__list__btn a {
	max-width: calc(50% - 20px);
	width: 325px;
  }

  @media screen and (max-width: 1024px) {
	.c-download__list {
	  display: -moz-flex;
	  display: -ms-flex;
	  display: -o-flex;
	  display: -webkit-box;
	  display: -ms-flexbox;
	  display: flex;
	  -ms-flex-wrap: wrap;
		  flex-wrap: wrap;
	  padding-bottom: 40px;
	}
	.c-download__list.center {
	  -webkit-box-pack: center;
		  -ms-flex-pack: center;
			  justify-content: center;
	  gap: 20px;
	}
	.c-download__list__item {
	  width: 100%;
	  margin-bottom: 40px;
	}
	.c-download__list__item:before {
	  content: "";
	  display: block;
	  width: calc(100% + 16px);
	  height: 34px;
	  -webkit-transform: translate(-8px, -10px);
			  transform: translate(-8px, -10px);
	  background: url("https://goodhands-rpa.com/wp_2025/wp-content/themes/rpa/assets/images/common/img_box_line1_green@2x.webp") 0 0 no-repeat;
	  background-size: 100%;
	}
	.c-download__list__item:after {
	  content: "";
	  display: block;
	  width: calc(100% + 16px);
	  height: 34px;
	  -webkit-transform: translate(-8px, 10px);
			  transform: translate(-8px, 10px);
	  background: url("https://goodhands-rpa.com/wp_2025/wp-content/themes/rpa/assets/images/common/img_box_line2_green@2x.webp") 0 100% no-repeat;
	  background-size: 100%;
	}
	.c-download__list__item__blue:before {
	  background: url("https://goodhands-rpa.com/wp_2025/wp-content/themes/rpa/assets/images/common/img_box_line1_blue@2x.webp") 0 0 no-repeat;
	  background-size: 100%;
	}
	.c-download__list__item__blue:after {
	  background: url("https://goodhands-rpa.com/wp_2025/wp-content/themes/rpa/assets/images/common/img_box_line2_blue@2x.webp") 0 100% no-repeat;
	  background-size: 100%;
	}
	.c-download__list__h3 {
	  font-size: clamp(2rem, 1.243rem + 0.991vw, 2.7rem);
	  margin-bottom: 10px;
	}
	.c-download__list__link {
	  width: 255px !important;
	}
	.c-download__list__figure {
	  margin-bottom: 20px;
	}
	.c-download__list__figure.height1 {
	  height: auto;
	}
	.c-download__list__figure picture {
	  display: block;
	  width: 100%;
	  max-width: 100%;
	  height: auto;
	  padding: 15px 20px;
	  background: #fff;
	}
	.c-download__list__btn {
	  margin-bottom: 40px;
	  gap: 0;
	}
	.c-download__list__btn a {
	  max-width: 100%;
	  width: 325px;
	  margin-bottom: 20px;
	}
  }
  .p-common--imgText1__item {
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	gap: 40px;
  }
  .p-common--imgText1__figure {
	width: 310px;
	max-width: 30%;
	height: auto;
	margin-bottom: 20px;
	-ms-flex-negative: 0;
		flex-shrink: 0;
  }
  .p-common--imgText1__figure__2 {
	width: 510px;
	max-width: 45%;
  }
  .p-common--imgText1__figure img {
	max-width: 100%;
	height: auto;
  }
  .p-common--imgText1__txt {
	width: 100%;
	max-width: 100%;
	height: auto;
	margin-bottom: 20px;
  }
  .p-common--imgText1__txt p {
	font-size: clamp(1.6rem, 0.644rem + 1.11vw, 2.2rem);
	margin-bottom: 1.5em;
	line-height: 1.8;
	letter-spacing: 0.05em;
	font-family: YakuHanJP, "Zen Kaku Gothic Antique", sans-serif;
	font-weight: 800;
	font-style: normal;
  }
  .p-common--imgText1__txt ul li {
	font-size: clamp(1.4rem, 0.544rem + 1.08vw, 1.8rem);
	margin-bottom: 5px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
  }
  .p-common--imgText1__txt ul li:before {
	content: "・";
	display: block;
	width: 1em;
	height: 1em;
	margin-right: 10px;
  }
  .p-common--imgText1__title {
	font-size: clamp(2.2rem, 0.814rem + 1.28vw, 2.6rem);
	margin-bottom: 10px;
	font-family: YakuHanJP, "Zen Kaku Gothic Antique", sans-serif;
	font-weight: 900;
	font-style: normal;
	letter-spacing: -0.01em;
	line-height: 1.4;
	color: #234993;
  }

  @media screen and (max-width: 1024px) {
	.p-common--imgText1__item {
	  display: -moz-flex;
	  display: -ms-flex;
	  display: -o-flex;
	  display: -webkit-box;
	  display: -ms-flexbox;
	  display: flex;
	  -ms-flex-wrap: wrap;
		  flex-wrap: wrap;
	  gap: 20px;
	}
	.p-common--imgText1__figure {
	  width: 400px;
	  max-width: 80%;
	  margin-inline: auto;
	  margin-bottom: 20px;
	  text-align: center;
	}
	.p-common--imgText1__figure__2 {
	  max-width: 80%;
	}
	.p-common--imgText1__txt {
	  margin-bottom: 20px;
	}
	.p-common--imgText1__txt p {
	  font-size: clamp(1.4rem, 0.644rem + 1.01vw, 1.8rem);
	  margin-bottom: 1em;
	  padding-left: 0;
	}
	.p-common--imgText1__txt ul li {
	  font-size: clamp(1.4rem, 0.544rem + 1.08vw, 1.6rem);
	}
	.p-common--imgText1__title {
	  font-size: clamp(1.6rem, 1.214rem + 1.58vw, 2rem);
	  letter-spacing: -0.01em;
	}
  }
  @charset "UTF-8";
/*-------------------------------
          	u-linkbtn
-------------------------------*/
.u-linkbtn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 20px 60px;
  position: relative;
  margin-left: auto;
  margin-right: auto;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  align-items: center;
  width: 420px;
  max-width: 100%;
  height: 74px;
  background: #031520;
  border-radius: 40px;
  overflow: hidden;
  /* Inside auto layout */
  -webkit-box-flex: 0;
      -ms-flex: none;
          flex: none;
  -webkit-box-ordinal-group: 2;
      -ms-flex-order: 1;
          order: 1;
  -ms-flex-positive: 0;
      flex-grow: 0;
  font-weight: 700;
  font-size: 2rem;
  line-height: 1.7;
  text-align: center;
  color: #FFFFFF;
  -webkit-transition: all 0.015s cubic-bezier(0.51, 0.11, 0.4, 0.9) 0.02s;
  -webkit-transition: all 0.15s cubic-bezier(0.51, 0.11, 0.4, 0.9) 0.02s;
  transition: all 0.15s cubic-bezier(0.51, 0.11, 0.4, 0.9) 0.02s;
  position: relative;
  padding: 0 30px 0 20px;
  /*== 背景が流れる（左から右） */
}
.u-linkbtn:after {
  content: "";
  /*絶対配置で位置を指定*/
  position: absolute;
  z-index: 1;
  /*色や形状*/
  background: #B8A700; /*背景色*/
  width: 120%;
  height: 100%;
  left: -130%;
  top: 0;
  position: absolute;
  -webkit-transform: skewX(-25deg);
          transform: skewX(-25deg);
  -webkit-transition: all 0.015s cubic-bezier(0.51, 0.11, 0.4, 0.9) 0.02s;
  -webkit-transition: all 0.15s cubic-bezier(0.51, 0.11, 0.4, 0.9) 0.02s;
  transition: all 0.15s cubic-bezier(0.51, 0.11, 0.4, 0.9) 0.02s;
}
.u-linkbtn > span {
  display: block;
  position: relative;
  z-index: 2;
  text-align: center;
  line-height: 1;
}
.u-linkbtn:hover:after {
  left: -10%;
}
.u-linkbtn2 {
  padding: 20px 20px;
  position: relative;
  line-height: 1;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
		  text-decoration: none;
  width: 300px;
  max-width: 100%;
  height: 60px;
  color: #fff;
  background: -webkit-gradient(linear, left top, right top, from(#63c4f0), color-stop(#0084cf), to(#63c4f0));
  background: linear-gradient(to right, #63c4f0, #0084cf, #63c4f0);
  border-radius: 40px;
  font-size: 1.9rem;
  font-family: YakuHanJP, "Zen Kaku Gothic Antique", sans-serif;
  font-weight: 800;
  font-style: normal;
  font-size: clamp(1.6rem, 0.671rem + 1.86vw, 1.8rem);
  -webkit-box-shadow: 5px 5px 10px 0 rgba(0, 0, 0, 0.15);
          box-shadow: 5px 5px 10px 0 rgba(0, 0, 0, 0.15);
  -webkit-transition: all 0.25s cubic-bezier(0.51, 0.11, 0.4, 0.9);
  transition: all 0.25s cubic-bezier(0.51, 0.11, 0.4, 0.9);
  overflow: hidden;
  cursor: pointer;
  color: #fff;
  border: 2px solid #fff;
}
.u-linkbtn2:hover {
  opacity: 0.7;
}
.u-linkbtn2:after {
  content: "";
  display: block;
  width: 20px;
  height: 20px;
  background: url("https://goodhands-rpa.com/wp_2025/wp-content/themes/rpa/assets/images/top/ico_point1.svg") 50% 50% no-repeat;
  background-size: 20px;
  position: absolute;
  top: calc(50% - 10px);
  right: 20px;
}
.u-linkbtn2.ma {
  margin-inline: auto;
  margin-left: auto;
  margin-right: auto;
}
.u-linkbtn2.red {
  background: #d4145a !important;
  height: 50px;
}
.u-linkbtn2.red__2 {
  height: 60px;
}
.u-linkbtn2.green {
  background: #00a39a !important;
  height: 50px;
}
.u-linkbtn2.green__2 {
  height: 60px;
}
.u-linkbtn2.blue {
  background: #1772b1 !important;
  height: 50px;
}
.u-linkbtn2.blue__2 {
  height: 60px;
}
.u-linkbtn2.orange {
  background: #f29600 !important;
  height: 50px;
}
.u-linkbtn2.orange__2 {
  height: 60px;
}
.u-linkbtn2.orange2 {
  background: #f05a24 !important;
  height: 50px;
}
.u-linkbtn2.orange2__2 {
  height: 60px;
}
.u-linkbtn2.download:after {
  content: "";
  display: block;
  width: 27px;
  height: 23px;
  background: url("https://goodhands-rpa.com/wp_2025/wp-content/themes/rpa/assets/images/common/ico_dl@2x.webp") 50% 50% no-repeat;
  background-size: 20px;
  position: absolute;
  top: calc(50% - 10px);
  right: 20px;
}
.u-linkbtn2.small {
  font-size: 1.4rem;
  letter-spacing: 0;
}
.u-linkbtn2.medium {
	font-size: 1.45rem;
}

.u-linkbtn3 {
  padding: 20px 20px;
  position: relative;
  margin-left: auto;
  margin-right: auto;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 300px;
  max-width: 100%;
  height: 60px;
  color: #fff;
  font-family: YakuHanJP, "Zen Kaku Gothic Antique", sans-serif;
  font-weight: 800;
  font-style: normal;
  font-size: clamp(1.6rem, 0.671rem + 1.86vw, 1.8rem);
  -webkit-transition: all 0.25s cubic-bezier(0.51, 0.11, 0.4, 0.9);
  transition: all 0.25s cubic-bezier(0.51, 0.11, 0.4, 0.9);
  overflow: hidden;
  color: #143883;
  background: rgba(255, 255, 255, 0);
  border: 3px solid #143883;
}
.u-linkbtn3:hover {
  border: 3px solid #143883;
  background-color: #143883;
  color: #fff;
}

/*-------------------------------
          	蛍光ペン
-------------------------------*/
.u-keikopen__yellow {
  background: -webkit-gradient(linear, left top, left bottom, color-stop(60%, transparent), color-stop(60%, #fbed21), to(#fbed21));
  background: linear-gradient(transparent 60%, #fbed21 60%, #fbed21 100%);
}

/*-------------------------------
          	font
-------------------------------*/
.bold {
  font-weight: 700;
}

.u-fs_50 {
  font-size: 0.5rem;
}

@media screen and (max-width: 767px) {
  .u-fs_50_sp {
    font-size: 0.5rem !important;
  }
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
  .u-fs_50_tab {
    font-size: 0.5rem !important;
  }
}
@media screen and (min-width: 1025px) {
  .u-fs_50_pc {
    font-size: 0.5rem !important;
  }
}
.u-fs_55 {
  font-size: 0.55rem;
}

@media screen and (max-width: 767px) {
  .u-fs_55_sp {
    font-size: 0.55rem !important;
  }
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
  .u-fs_55_tab {
    font-size: 0.55rem !important;
  }
}
@media screen and (min-width: 1025px) {
  .u-fs_55_pc {
    font-size: 0.55rem !important;
  }
}
.u-fs_60 {
  font-size: 0.6rem;
}

@media screen and (max-width: 767px) {
  .u-fs_60_sp {
    font-size: 0.6rem !important;
  }
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
  .u-fs_60_tab {
    font-size: 0.6rem !important;
  }
}
@media screen and (min-width: 1025px) {
  .u-fs_60_pc {
    font-size: 0.6rem !important;
  }
}
.u-fs_65 {
  font-size: 0.65rem;
}

@media screen and (max-width: 767px) {
  .u-fs_65_sp {
    font-size: 0.65rem !important;
  }
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
  .u-fs_65_tab {
    font-size: 0.65rem !important;
  }
}
@media screen and (min-width: 1025px) {
  .u-fs_65_pc {
    font-size: 0.65rem !important;
  }
}
.u-fs_70 {
  font-size: 0.7rem;
}

@media screen and (max-width: 767px) {
  .u-fs_70_sp {
    font-size: 0.7rem !important;
  }
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
  .u-fs_70_tab {
    font-size: 0.7rem !important;
  }
}
@media screen and (min-width: 1025px) {
  .u-fs_70_pc {
    font-size: 0.7rem !important;
  }
}
.u-fs_75 {
  font-size: 0.75rem;
}

@media screen and (max-width: 767px) {
  .u-fs_75_sp {
    font-size: 0.75rem !important;
  }
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
  .u-fs_75_tab {
    font-size: 0.75rem !important;
  }
}
@media screen and (min-width: 1025px) {
  .u-fs_75_pc {
    font-size: 0.75rem !important;
  }
}
.u-fs_80 {
  font-size: 0.8rem;
}

@media screen and (max-width: 767px) {
  .u-fs_80_sp {
    font-size: 0.8rem !important;
  }
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
  .u-fs_80_tab {
    font-size: 0.8rem !important;
  }
}
@media screen and (min-width: 1025px) {
  .u-fs_80_pc {
    font-size: 0.8rem !important;
  }
}
.u-fs_85 {
  font-size: 0.85rem;
}

@media screen and (max-width: 767px) {
  .u-fs_85_sp {
    font-size: 0.85rem !important;
  }
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
  .u-fs_85_tab {
    font-size: 0.85rem !important;
  }
}
@media screen and (min-width: 1025px) {
  .u-fs_85_pc {
    font-size: 0.85rem !important;
  }
}
.u-fs_90 {
  font-size: 0.9rem;
}

@media screen and (max-width: 767px) {
  .u-fs_90_sp {
    font-size: 0.9rem !important;
  }
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
  .u-fs_90_tab {
    font-size: 0.9rem !important;
  }
}
@media screen and (min-width: 1025px) {
  .u-fs_90_pc {
    font-size: 0.9rem !important;
  }
}
.u-fs_95 {
  font-size: 0.95rem;
}

@media screen and (max-width: 767px) {
  .u-fs_95_sp {
    font-size: 0.95rem !important;
  }
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
  .u-fs_95_tab {
    font-size: 0.95rem !important;
  }
}
@media screen and (min-width: 1025px) {
  .u-fs_95_pc {
    font-size: 0.95rem !important;
  }
}
.u-fs_100 {
  font-size: 1rem;
}

@media screen and (max-width: 767px) {
  .u-fs_100_sp {
    font-size: 1rem !important;
  }
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
  .u-fs_100_tab {
    font-size: 1rem !important;
  }
}
@media screen and (min-width: 1025px) {
  .u-fs_100_pc {
    font-size: 1rem !important;
  }
}
.u-fs_105 {
  font-size: 1.05rem;
}

@media screen and (max-width: 767px) {
  .u-fs_105_sp {
    font-size: 1.05rem !important;
  }
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
  .u-fs_105_tab {
    font-size: 1.05rem !important;
  }
}
@media screen and (min-width: 1025px) {
  .u-fs_105_pc {
    font-size: 1.05rem !important;
  }
}
.u-fs_110 {
  font-size: 1.1rem;
}

@media screen and (max-width: 767px) {
  .u-fs_110_sp {
    font-size: 1.1rem !important;
  }
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
  .u-fs_110_tab {
    font-size: 1.1rem !important;
  }
}
@media screen and (min-width: 1025px) {
  .u-fs_110_pc {
    font-size: 1.1rem !important;
  }
}
.u-fs_115 {
  font-size: 1.15rem;
}

@media screen and (max-width: 767px) {
  .u-fs_115_sp {
    font-size: 1.15rem !important;
  }
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
  .u-fs_115_tab {
    font-size: 1.15rem !important;
  }
}
@media screen and (min-width: 1025px) {
  .u-fs_115_pc {
    font-size: 1.15rem !important;
  }
}
.u-fs_120 {
  font-size: 1.2rem;
}

@media screen and (max-width: 767px) {
  .u-fs_120_sp {
    font-size: 1.2rem !important;
  }
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
  .u-fs_120_tab {
    font-size: 1.2rem !important;
  }
}
@media screen and (min-width: 1025px) {
  .u-fs_120_pc {
    font-size: 1.2rem !important;
  }
}
.u-fs_125 {
  font-size: 1.25rem;
}

@media screen and (max-width: 767px) {
  .u-fs_125_sp {
    font-size: 1.25rem !important;
  }
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
  .u-fs_125_tab {
    font-size: 1.25rem !important;
  }
}
@media screen and (min-width: 1025px) {
  .u-fs_125_pc {
    font-size: 1.25rem !important;
  }
}
.u-fs_130 {
  font-size: 1.3rem;
}

@media screen and (max-width: 767px) {
  .u-fs_130_sp {
    font-size: 1.3rem !important;
  }
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
  .u-fs_130_tab {
    font-size: 1.3rem !important;
  }
}
@media screen and (min-width: 1025px) {
  .u-fs_130_pc {
    font-size: 1.3rem !important;
  }
}
.u-fs_135 {
  font-size: 1.35rem;
}

@media screen and (max-width: 767px) {
  .u-fs_135_sp {
    font-size: 1.35rem !important;
  }
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
  .u-fs_135_tab {
    font-size: 1.35rem !important;
  }
}
@media screen and (min-width: 1025px) {
  .u-fs_135_pc {
    font-size: 1.35rem !important;
  }
}
.u-fs_140 {
  font-size: 1.4rem;
}

@media screen and (max-width: 767px) {
  .u-fs_140_sp {
    font-size: 1.4rem !important;
  }
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
  .u-fs_140_tab {
    font-size: 1.4rem !important;
  }
}
@media screen and (min-width: 1025px) {
  .u-fs_140_pc {
    font-size: 1.4rem !important;
  }
}
.u-fs_145 {
  font-size: 1.45rem;
}

@media screen and (max-width: 767px) {
  .u-fs_145_sp {
    font-size: 1.45rem !important;
  }
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
  .u-fs_145_tab {
    font-size: 1.45rem !important;
  }
}
@media screen and (min-width: 1025px) {
  .u-fs_145_pc {
    font-size: 1.45rem !important;
  }
}
.u-fs_150 {
  font-size: 1.5rem;
}

@media screen and (max-width: 767px) {
  .u-fs_150_sp {
    font-size: 1.5rem !important;
  }
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
  .u-fs_150_tab {
    font-size: 1.5rem !important;
  }
}
@media screen and (min-width: 1025px) {
  .u-fs_150_pc {
    font-size: 1.5rem !important;
  }
}
.u-fs_155 {
  font-size: 1.55rem;
}

@media screen and (max-width: 767px) {
  .u-fs_155_sp {
    font-size: 1.55rem !important;
  }
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
  .u-fs_155_tab {
    font-size: 1.55rem !important;
  }
}
@media screen and (min-width: 1025px) {
  .u-fs_155_pc {
    font-size: 1.55rem !important;
  }
}
.u-fs_160 {
  font-size: 1.6rem;
}

@media screen and (max-width: 767px) {
  .u-fs_160_sp {
    font-size: 1.6rem !important;
  }
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
  .u-fs_160_tab {
    font-size: 1.6rem !important;
  }
}
@media screen and (min-width: 1025px) {
  .u-fs_160_pc {
    font-size: 1.6rem !important;
  }
}
.u-fs_165 {
  font-size: 1.65rem;
}

@media screen and (max-width: 767px) {
  .u-fs_165_sp {
    font-size: 1.65rem !important;
  }
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
  .u-fs_165_tab {
    font-size: 1.65rem !important;
  }
}
@media screen and (min-width: 1025px) {
  .u-fs_165_pc {
    font-size: 1.65rem !important;
  }
}
.u-fs_170 {
  font-size: 1.7rem;
}

@media screen and (max-width: 767px) {
  .u-fs_170_sp {
    font-size: 1.7rem !important;
  }
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
  .u-fs_170_tab {
    font-size: 1.7rem !important;
  }
}
@media screen and (min-width: 1025px) {
  .u-fs_170_pc {
    font-size: 1.7rem !important;
  }
}
.u-fs_175 {
  font-size: 1.75rem;
}

@media screen and (max-width: 767px) {
  .u-fs_175_sp {
    font-size: 1.75rem !important;
  }
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
  .u-fs_175_tab {
    font-size: 1.75rem !important;
  }
}
@media screen and (min-width: 1025px) {
  .u-fs_175_pc {
    font-size: 1.75rem !important;
  }
}
.u-fs_180 {
  font-size: 1.8rem;
}

@media screen and (max-width: 767px) {
  .u-fs_180_sp {
    font-size: 1.8rem !important;
  }
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
  .u-fs_180_tab {
    font-size: 1.8rem !important;
  }
}
@media screen and (min-width: 1025px) {
  .u-fs_180_pc {
    font-size: 1.8rem !important;
  }
}
.u-fs_185 {
  font-size: 1.85rem;
}

@media screen and (max-width: 767px) {
  .u-fs_185_sp {
    font-size: 1.85rem !important;
  }
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
  .u-fs_185_tab {
    font-size: 1.85rem !important;
  }
}
@media screen and (min-width: 1025px) {
  .u-fs_185_pc {
    font-size: 1.85rem !important;
  }
}
.u-fs_190 {
  font-size: 1.9rem;
}

@media screen and (max-width: 767px) {
  .u-fs_190_sp {
    font-size: 1.9rem !important;
  }
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
  .u-fs_190_tab {
    font-size: 1.9rem !important;
  }
}
@media screen and (min-width: 1025px) {
  .u-fs_190_pc {
    font-size: 1.9rem !important;
  }
}
.u-fs_195 {
  font-size: 1.95rem;
}

@media screen and (max-width: 767px) {
  .u-fs_195_sp {
    font-size: 1.95rem !important;
  }
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
  .u-fs_195_tab {
    font-size: 1.95rem !important;
  }
}
@media screen and (min-width: 1025px) {
  .u-fs_195_pc {
    font-size: 1.95rem !important;
  }
}
.u-fs_200 {
  font-size: 2rem;
}

@media screen and (max-width: 767px) {
  .u-fs_200_sp {
    font-size: 2rem !important;
  }
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
  .u-fs_200_tab {
    font-size: 2rem !important;
  }
}
@media screen and (min-width: 1025px) {
  .u-fs_200_pc {
    font-size: 2rem !important;
  }
}
.u-fs_205 {
  font-size: 2.05rem;
}

@media screen and (max-width: 767px) {
  .u-fs_205_sp {
    font-size: 2.05rem !important;
  }
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
  .u-fs_205_tab {
    font-size: 2.05rem !important;
  }
}
@media screen and (min-width: 1025px) {
  .u-fs_205_pc {
    font-size: 2.05rem !important;
  }
}
.u-fs_210 {
  font-size: 2.1rem;
}

@media screen and (max-width: 767px) {
  .u-fs_210_sp {
    font-size: 2.1rem !important;
  }
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
  .u-fs_210_tab {
    font-size: 2.1rem !important;
  }
}
@media screen and (min-width: 1025px) {
  .u-fs_210_pc {
    font-size: 2.1rem !important;
  }
}
.u-fs_215 {
  font-size: 2.15rem;
}

@media screen and (max-width: 767px) {
  .u-fs_215_sp {
    font-size: 2.15rem !important;
  }
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
  .u-fs_215_tab {
    font-size: 2.15rem !important;
  }
}
@media screen and (min-width: 1025px) {
  .u-fs_215_pc {
    font-size: 2.15rem !important;
  }
}
.u-fs_220 {
  font-size: 2.2rem;
}

@media screen and (max-width: 767px) {
  .u-fs_220_sp {
    font-size: 2.2rem !important;
  }
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
  .u-fs_220_tab {
    font-size: 2.2rem !important;
  }
}
@media screen and (min-width: 1025px) {
  .u-fs_220_pc {
    font-size: 2.2rem !important;
  }
}
.u-fs_225 {
  font-size: 2.25rem;
}

@media screen and (max-width: 767px) {
  .u-fs_225_sp {
    font-size: 2.25rem !important;
  }
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
  .u-fs_225_tab {
    font-size: 2.25rem !important;
  }
}
@media screen and (min-width: 1025px) {
  .u-fs_225_pc {
    font-size: 2.25rem !important;
  }
}
.u-fs_230 {
  font-size: 2.3rem;
}

@media screen and (max-width: 767px) {
  .u-fs_230_sp {
    font-size: 2.3rem !important;
  }
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
  .u-fs_230_tab {
    font-size: 2.3rem !important;
  }
}
@media screen and (min-width: 1025px) {
  .u-fs_230_pc {
    font-size: 2.3rem !important;
  }
}
.u-fs_235 {
  font-size: 2.35rem;
}

@media screen and (max-width: 767px) {
  .u-fs_235_sp {
    font-size: 2.35rem !important;
  }
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
  .u-fs_235_tab {
    font-size: 2.35rem !important;
  }
}
@media screen and (min-width: 1025px) {
  .u-fs_235_pc {
    font-size: 2.35rem !important;
  }
}
.u-lh_100 {
  line-height: 100% !important;
}

.u-lh_110 {
  line-height: 110% !important;
}

.u-lh_120 {
  line-height: 120% !important;
}

.u-lh_130 {
  line-height: 130% !important;
}

.u-lh_140 {
  line-height: 140% !important;
}

.u-lh_150 {
  line-height: 150% !important;
}

.u-lh_160 {
  line-height: 160% !important;
}

.u-lh_170 {
  line-height: 170% !important;
}

.u-p_r {
  position: relative;
}

.u-z_-2 {
  z-index: -2;
}

.u-z_-1 {
  z-index: -1;
}

.u-z_0 {
  z-index: 0;
}

.u-z_1 {
  z-index: 1;
}

.u-z_2 {
  z-index: 2;
}

.u-z_3 {
  z-index: 3;
}

.u-z_4 {
  z-index: 4;
}

/*-------------------------------
          	margin
-------------------------------*/
.u-m0 {
  margin: 0px 0;
}

@media screen and (max-width: 767px) {
  .u-m0_sp {
    margin: 0px !important;
  }
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
  .u-m0_tab {
    margin: 0px !important;
  }
}
@media screen and (min-width: 1025px) {
  .u-m0_pc {
    margin: 0px !important;
  }
}
.u-m5 {
  margin: 0px 5;
}

@media screen and (max-width: 767px) {
  .u-m5_sp {
    margin: 5px !important;
  }
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
  .u-m5_tab {
    margin: 5px !important;
  }
}
@media screen and (min-width: 1025px) {
  .u-m5_pc {
    margin: 5px !important;
  }
}
.u-m10 {
  margin: 0px 10;
}

@media screen and (max-width: 767px) {
  .u-m10_sp {
    margin: 10px !important;
  }
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
  .u-m10_tab {
    margin: 10px !important;
  }
}
@media screen and (min-width: 1025px) {
  .u-m10_pc {
    margin: 10px !important;
  }
}
.u-m15 {
  margin: 0px 15;
}

@media screen and (max-width: 767px) {
  .u-m15_sp {
    margin: 15px !important;
  }
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
  .u-m15_tab {
    margin: 15px !important;
  }
}
@media screen and (min-width: 1025px) {
  .u-m15_pc {
    margin: 15px !important;
  }
}
.u-m20 {
  margin: 0px 20;
}

@media screen and (max-width: 767px) {
  .u-m20_sp {
    margin: 20px !important;
  }
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
  .u-m20_tab {
    margin: 20px !important;
  }
}
@media screen and (min-width: 1025px) {
  .u-m20_pc {
    margin: 20px !important;
  }
}
.u-m25 {
  margin: 0px 25;
}

@media screen and (max-width: 767px) {
  .u-m25_sp {
    margin: 25px !important;
  }
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
  .u-m25_tab {
    margin: 25px !important;
  }
}
@media screen and (min-width: 1025px) {
  .u-m25_pc {
    margin: 25px !important;
  }
}
.u-m30 {
  margin: 0px 30;
}

@media screen and (max-width: 767px) {
  .u-m30_sp {
    margin: 30px !important;
  }
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
  .u-m30_tab {
    margin: 30px !important;
  }
}
@media screen and (min-width: 1025px) {
  .u-m30_pc {
    margin: 30px !important;
  }
}
.u-m35 {
  margin: 0px 35;
}

@media screen and (max-width: 767px) {
  .u-m35_sp {
    margin: 35px !important;
  }
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
  .u-m35_tab {
    margin: 35px !important;
  }
}
@media screen and (min-width: 1025px) {
  .u-m35_pc {
    margin: 35px !important;
  }
}
.u-m40 {
  margin: 0px 40;
}

@media screen and (max-width: 767px) {
  .u-m40_sp {
    margin: 40px !important;
  }
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
  .u-m40_tab {
    margin: 40px !important;
  }
}
@media screen and (min-width: 1025px) {
  .u-m40_pc {
    margin: 40px !important;
  }
}
.u-m45 {
  margin: 0px 45;
}

@media screen and (max-width: 767px) {
  .u-m45_sp {
    margin: 45px !important;
  }
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
  .u-m45_tab {
    margin: 45px !important;
  }
}
@media screen and (min-width: 1025px) {
  .u-m45_pc {
    margin: 45px !important;
  }
}
.u-m50 {
  margin: 0px 50;
}

@media screen and (max-width: 767px) {
  .u-m50_sp {
    margin: 50px !important;
  }
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
  .u-m50_tab {
    margin: 50px !important;
  }
}
@media screen and (min-width: 1025px) {
  .u-m50_pc {
    margin: 50px !important;
  }
}
.u-m55 {
  margin: 0px 55;
}

@media screen and (max-width: 767px) {
  .u-m55_sp {
    margin: 55px !important;
  }
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
  .u-m55_tab {
    margin: 55px !important;
  }
}
@media screen and (min-width: 1025px) {
  .u-m55_pc {
    margin: 55px !important;
  }
}
.u-m60 {
  margin: 0px 60;
}

@media screen and (max-width: 767px) {
  .u-m60_sp {
    margin: 60px !important;
  }
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
  .u-m60_tab {
    margin: 60px !important;
  }
}
@media screen and (min-width: 1025px) {
  .u-m60_pc {
    margin: 60px !important;
  }
}
.u-m65 {
  margin: 0px 65;
}

@media screen and (max-width: 767px) {
  .u-m65_sp {
    margin: 65px !important;
  }
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
  .u-m65_tab {
    margin: 65px !important;
  }
}
@media screen and (min-width: 1025px) {
  .u-m65_pc {
    margin: 65px !important;
  }
}
.u-m70 {
  margin: 0px 70;
}

@media screen and (max-width: 767px) {
  .u-m70_sp {
    margin: 70px !important;
  }
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
  .u-m70_tab {
    margin: 70px !important;
  }
}
@media screen and (min-width: 1025px) {
  .u-m70_pc {
    margin: 70px !important;
  }
}
.u-m75 {
  margin: 0px 75;
}

@media screen and (max-width: 767px) {
  .u-m75_sp {
    margin: 75px !important;
  }
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
  .u-m75_tab {
    margin: 75px !important;
  }
}
@media screen and (min-width: 1025px) {
  .u-m75_pc {
    margin: 75px !important;
  }
}
.u-m80 {
  margin: 0px 80;
}

@media screen and (max-width: 767px) {
  .u-m80_sp {
    margin: 80px !important;
  }
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
  .u-m80_tab {
    margin: 80px !important;
  }
}
@media screen and (min-width: 1025px) {
  .u-m80_pc {
    margin: 80px !important;
  }
}
.u-m85 {
  margin: 0px 85;
}

@media screen and (max-width: 767px) {
  .u-m85_sp {
    margin: 85px !important;
  }
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
  .u-m85_tab {
    margin: 85px !important;
  }
}
@media screen and (min-width: 1025px) {
  .u-m85_pc {
    margin: 85px !important;
  }
}
.u-m90 {
  margin: 0px 90;
}

@media screen and (max-width: 767px) {
  .u-m90_sp {
    margin: 90px !important;
  }
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
  .u-m90_tab {
    margin: 90px !important;
  }
}
@media screen and (min-width: 1025px) {
  .u-m90_pc {
    margin: 90px !important;
  }
}
.u-m95 {
  margin: 0px 95;
}

@media screen and (max-width: 767px) {
  .u-m95_sp {
    margin: 95px !important;
  }
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
  .u-m95_tab {
    margin: 95px !important;
  }
}
@media screen and (min-width: 1025px) {
  .u-m95_pc {
    margin: 95px !important;
  }
}
.u-ml0 {
  margin-left: 0px;
}

@media screen and (max-width: 767px) {
  .u-ml0_sp {
    margin-left: 0px !important;
  }
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
  .u-ml0_tab {
    margin-left: 0px !important;
  }
}
@media screen and (min-width: 1025px) {
  .u-ml0_pc {
    margin-left: 0px !important;
  }
}
.u-ml5 {
  margin-left: 5px;
}

@media screen and (max-width: 767px) {
  .u-ml5_sp {
    margin-left: 5px !important;
  }
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
  .u-ml5_tab {
    margin-left: 5px !important;
  }
}
@media screen and (min-width: 1025px) {
  .u-ml5_pc {
    margin-left: 5px !important;
  }
}
.u-ml10 {
  margin-left: 10px;
}

@media screen and (max-width: 767px) {
  .u-ml10_sp {
    margin-left: 10px !important;
  }
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
  .u-ml10_tab {
    margin-left: 10px !important;
  }
}
@media screen and (min-width: 1025px) {
  .u-ml10_pc {
    margin-left: 10px !important;
  }
}
.u-ml15 {
  margin-left: 15px;
}

@media screen and (max-width: 767px) {
  .u-ml15_sp {
    margin-left: 15px !important;
  }
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
  .u-ml15_tab {
    margin-left: 15px !important;
  }
}
@media screen and (min-width: 1025px) {
  .u-ml15_pc {
    margin-left: 15px !important;
  }
}
.u-ml20 {
  margin-left: 20px;
}

@media screen and (max-width: 767px) {
  .u-ml20_sp {
    margin-left: 20px !important;
  }
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
  .u-ml20_tab {
    margin-left: 20px !important;
  }
}
@media screen and (min-width: 1025px) {
  .u-ml20_pc {
    margin-left: 20px !important;
  }
}
.u-ml25 {
  margin-left: 25px;
}

@media screen and (max-width: 767px) {
  .u-ml25_sp {
    margin-left: 25px !important;
  }
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
  .u-ml25_tab {
    margin-left: 25px !important;
  }
}
@media screen and (min-width: 1025px) {
  .u-ml25_pc {
    margin-left: 25px !important;
  }
}
.u-ml30 {
  margin-left: 30px;
}

@media screen and (max-width: 767px) {
  .u-ml30_sp {
    margin-left: 30px !important;
  }
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
  .u-ml30_tab {
    margin-left: 30px !important;
  }
}
@media screen and (min-width: 1025px) {
  .u-ml30_pc {
    margin-left: 30px !important;
  }
}
.u-ml35 {
  margin-left: 35px;
}

@media screen and (max-width: 767px) {
  .u-ml35_sp {
    margin-left: 35px !important;
  }
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
  .u-ml35_tab {
    margin-left: 35px !important;
  }
}
@media screen and (min-width: 1025px) {
  .u-ml35_pc {
    margin-left: 35px !important;
  }
}
.u-ml40 {
  margin-left: 40px;
}

@media screen and (max-width: 767px) {
  .u-ml40_sp {
    margin-left: 40px !important;
  }
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
  .u-ml40_tab {
    margin-left: 40px !important;
  }
}
@media screen and (min-width: 1025px) {
  .u-ml40_pc {
    margin-left: 40px !important;
  }
}
.u-ml45 {
  margin-left: 45px;
}

@media screen and (max-width: 767px) {
  .u-ml45_sp {
    margin-left: 45px !important;
  }
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
  .u-ml45_tab {
    margin-left: 45px !important;
  }
}
@media screen and (min-width: 1025px) {
  .u-ml45_pc {
    margin-left: 45px !important;
  }
}
.u-ml50 {
  margin-left: 50px;
}

@media screen and (max-width: 767px) {
  .u-ml50_sp {
    margin-left: 50px !important;
  }
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
  .u-ml50_tab {
    margin-left: 50px !important;
  }
}
@media screen and (min-width: 1025px) {
  .u-ml50_pc {
    margin-left: 50px !important;
  }
}
.u-ml55 {
  margin-left: 55px;
}

@media screen and (max-width: 767px) {
  .u-ml55_sp {
    margin-left: 55px !important;
  }
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
  .u-ml55_tab {
    margin-left: 55px !important;
  }
}
@media screen and (min-width: 1025px) {
  .u-ml55_pc {
    margin-left: 55px !important;
  }
}
.u-ml60 {
  margin-left: 60px;
}

@media screen and (max-width: 767px) {
  .u-ml60_sp {
    margin-left: 60px !important;
  }
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
  .u-ml60_tab {
    margin-left: 60px !important;
  }
}
@media screen and (min-width: 1025px) {
  .u-ml60_pc {
    margin-left: 60px !important;
  }
}
.u-ml65 {
  margin-left: 65px;
}

@media screen and (max-width: 767px) {
  .u-ml65_sp {
    margin-left: 65px !important;
  }
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
  .u-ml65_tab {
    margin-left: 65px !important;
  }
}
@media screen and (min-width: 1025px) {
  .u-ml65_pc {
    margin-left: 65px !important;
  }
}
.u-ml70 {
  margin-left: 70px;
}

@media screen and (max-width: 767px) {
  .u-ml70_sp {
    margin-left: 70px !important;
  }
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
  .u-ml70_tab {
    margin-left: 70px !important;
  }
}
@media screen and (min-width: 1025px) {
  .u-ml70_pc {
    margin-left: 70px !important;
  }
}
.u-ml75 {
  margin-left: 75px;
}

@media screen and (max-width: 767px) {
  .u-ml75_sp {
    margin-left: 75px !important;
  }
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
  .u-ml75_tab {
    margin-left: 75px !important;
  }
}
@media screen and (min-width: 1025px) {
  .u-ml75_pc {
    margin-left: 75px !important;
  }
}
.u-ml80 {
  margin-left: 80px;
}

@media screen and (max-width: 767px) {
  .u-ml80_sp {
    margin-left: 80px !important;
  }
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
  .u-ml80_tab {
    margin-left: 80px !important;
  }
}
@media screen and (min-width: 1025px) {
  .u-ml80_pc {
    margin-left: 80px !important;
  }
}
.u-ml85 {
  margin-left: 85px;
}

@media screen and (max-width: 767px) {
  .u-ml85_sp {
    margin-left: 85px !important;
  }
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
  .u-ml85_tab {
    margin-left: 85px !important;
  }
}
@media screen and (min-width: 1025px) {
  .u-ml85_pc {
    margin-left: 85px !important;
  }
}
.u-ml90 {
  margin-left: 90px;
}

@media screen and (max-width: 767px) {
  .u-ml90_sp {
    margin-left: 90px !important;
  }
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
  .u-ml90_tab {
    margin-left: 90px !important;
  }
}
@media screen and (min-width: 1025px) {
  .u-ml90_pc {
    margin-left: 90px !important;
  }
}
.u-ml95 {
  margin-left: 95px;
}

@media screen and (max-width: 767px) {
  .u-ml95_sp {
    margin-left: 95px !important;
  }
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
  .u-ml95_tab {
    margin-left: 95px !important;
  }
}
@media screen and (min-width: 1025px) {
  .u-ml95_pc {
    margin-left: 95px !important;
  }
}
.u-mr0 {
  margin-right: 0px;
}

@media screen and (max-width: 767px) {
  .u-mr0_sp {
    margin-right: 0px !important;
  }
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
  .u-mr0_tab {
    margin-right: 0px !important;
  }
}
@media screen and (min-width: 1025px) {
  .u-mr0_pc {
    margin-right: 0px !important;
  }
}
.u-mr5 {
  margin-right: 5px;
}

@media screen and (max-width: 767px) {
  .u-mr5_sp {
    margin-right: 5px !important;
  }
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
  .u-mr5_tab {
    margin-right: 5px !important;
  }
}
@media screen and (min-width: 1025px) {
  .u-mr5_pc {
    margin-right: 5px !important;
  }
}
.u-mr10 {
  margin-right: 10px;
}

@media screen and (max-width: 767px) {
  .u-mr10_sp {
    margin-right: 10px !important;
  }
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
  .u-mr10_tab {
    margin-right: 10px !important;
  }
}
@media screen and (min-width: 1025px) {
  .u-mr10_pc {
    margin-right: 10px !important;
  }
}
.u-mr15 {
  margin-right: 15px;
}

@media screen and (max-width: 767px) {
  .u-mr15_sp {
    margin-right: 15px !important;
  }
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
  .u-mr15_tab {
    margin-right: 15px !important;
  }
}
@media screen and (min-width: 1025px) {
  .u-mr15_pc {
    margin-right: 15px !important;
  }
}
.u-mr20 {
  margin-right: 20px;
}

@media screen and (max-width: 767px) {
  .u-mr20_sp {
    margin-right: 20px !important;
  }
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
  .u-mr20_tab {
    margin-right: 20px !important;
  }
}
@media screen and (min-width: 1025px) {
  .u-mr20_pc {
    margin-right: 20px !important;
  }
}
.u-mr25 {
  margin-right: 25px;
}

@media screen and (max-width: 767px) {
  .u-mr25_sp {
    margin-right: 25px !important;
  }
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
  .u-mr25_tab {
    margin-right: 25px !important;
  }
}
@media screen and (min-width: 1025px) {
  .u-mr25_pc {
    margin-right: 25px !important;
  }
}
.u-mr30 {
  margin-right: 30px;
}

@media screen and (max-width: 767px) {
  .u-mr30_sp {
    margin-right: 30px !important;
  }
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
  .u-mr30_tab {
    margin-right: 30px !important;
  }
}
@media screen and (min-width: 1025px) {
  .u-mr30_pc {
    margin-right: 30px !important;
  }
}
.u-mr35 {
  margin-right: 35px;
}

@media screen and (max-width: 767px) {
  .u-mr35_sp {
    margin-right: 35px !important;
  }
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
  .u-mr35_tab {
    margin-right: 35px !important;
  }
}
@media screen and (min-width: 1025px) {
  .u-mr35_pc {
    margin-right: 35px !important;
  }
}
.u-mr40 {
  margin-right: 40px;
}

@media screen and (max-width: 767px) {
  .u-mr40_sp {
    margin-right: 40px !important;
  }
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
  .u-mr40_tab {
    margin-right: 40px !important;
  }
}
@media screen and (min-width: 1025px) {
  .u-mr40_pc {
    margin-right: 40px !important;
  }
}
.u-mr45 {
  margin-right: 45px;
}

@media screen and (max-width: 767px) {
  .u-mr45_sp {
    margin-right: 45px !important;
  }
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
  .u-mr45_tab {
    margin-right: 45px !important;
  }
}
@media screen and (min-width: 1025px) {
  .u-mr45_pc {
    margin-right: 45px !important;
  }
}
.u-mr50 {
  margin-right: 50px;
}

@media screen and (max-width: 767px) {
  .u-mr50_sp {
    margin-right: 50px !important;
  }
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
  .u-mr50_tab {
    margin-right: 50px !important;
  }
}
@media screen and (min-width: 1025px) {
  .u-mr50_pc {
    margin-right: 50px !important;
  }
}
.u-mr55 {
  margin-right: 55px;
}

@media screen and (max-width: 767px) {
  .u-mr55_sp {
    margin-right: 55px !important;
  }
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
  .u-mr55_tab {
    margin-right: 55px !important;
  }
}
@media screen and (min-width: 1025px) {
  .u-mr55_pc {
    margin-right: 55px !important;
  }
}
.u-mr60 {
  margin-right: 60px;
}

@media screen and (max-width: 767px) {
  .u-mr60_sp {
    margin-right: 60px !important;
  }
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
  .u-mr60_tab {
    margin-right: 60px !important;
  }
}
@media screen and (min-width: 1025px) {
  .u-mr60_pc {
    margin-right: 60px !important;
  }
}
.u-mr65 {
  margin-right: 65px;
}

@media screen and (max-width: 767px) {
  .u-mr65_sp {
    margin-right: 65px !important;
  }
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
  .u-mr65_tab {
    margin-right: 65px !important;
  }
}
@media screen and (min-width: 1025px) {
  .u-mr65_pc {
    margin-right: 65px !important;
  }
}
.u-mr70 {
  margin-right: 70px;
}

@media screen and (max-width: 767px) {
  .u-mr70_sp {
    margin-right: 70px !important;
  }
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
  .u-mr70_tab {
    margin-right: 70px !important;
  }
}
@media screen and (min-width: 1025px) {
  .u-mr70_pc {
    margin-right: 70px !important;
  }
}
.u-mr75 {
  margin-right: 75px;
}

@media screen and (max-width: 767px) {
  .u-mr75_sp {
    margin-right: 75px !important;
  }
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
  .u-mr75_tab {
    margin-right: 75px !important;
  }
}
@media screen and (min-width: 1025px) {
  .u-mr75_pc {
    margin-right: 75px !important;
  }
}
.u-mr80 {
  margin-right: 80px;
}

@media screen and (max-width: 767px) {
  .u-mr80_sp {
    margin-right: 80px !important;
  }
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
  .u-mr80_tab {
    margin-right: 80px !important;
  }
}
@media screen and (min-width: 1025px) {
  .u-mr80_pc {
    margin-right: 80px !important;
  }
}
.u-mr85 {
  margin-right: 85px;
}

@media screen and (max-width: 767px) {
  .u-mr85_sp {
    margin-right: 85px !important;
  }
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
  .u-mr85_tab {
    margin-right: 85px !important;
  }
}
@media screen and (min-width: 1025px) {
  .u-mr85_pc {
    margin-right: 85px !important;
  }
}
.u-mr90 {
  margin-right: 90px;
}

@media screen and (max-width: 767px) {
  .u-mr90_sp {
    margin-right: 90px !important;
  }
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
  .u-mr90_tab {
    margin-right: 90px !important;
  }
}
@media screen and (min-width: 1025px) {
  .u-mr90_pc {
    margin-right: 90px !important;
  }
}
.u-mr95 {
  margin-right: 95px;
}

@media screen and (max-width: 767px) {
  .u-mr95_sp {
    margin-right: 95px !important;
  }
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
  .u-mr95_tab {
    margin-right: 95px !important;
  }
}
@media screen and (min-width: 1025px) {
  .u-mr95_pc {
    margin-right: 95px !important;
  }
}
.u-mt0 {
  margin-top: 0px !important;
}

@media screen and (max-width: 767px) {
  .u-mt0_sp {
    margin-top: 0px !important;
  }
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
  .u-mt0_tab {
    margin-top: 0px !important;
  }
}
@media screen and (min-width: 1025px) {
  .u-mt0_pc {
    margin-top: 0px !important;
  }
}
.u-mt5 {
  margin-top: 5px !important;
}

@media screen and (max-width: 767px) {
  .u-mt5_sp {
    margin-top: 5px !important;
  }
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
  .u-mt5_tab {
    margin-top: 5px !important;
  }
}
@media screen and (min-width: 1025px) {
  .u-mt5_pc {
    margin-top: 5px !important;
  }
}
.u-mt10 {
  margin-top: 10px !important;
}

@media screen and (max-width: 767px) {
  .u-mt10_sp {
    margin-top: 10px !important;
  }
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
  .u-mt10_tab {
    margin-top: 10px !important;
  }
}
@media screen and (min-width: 1025px) {
  .u-mt10_pc {
    margin-top: 10px !important;
  }
}
.u-mt15 {
  margin-top: 15px !important;
}

@media screen and (max-width: 767px) {
  .u-mt15_sp {
    margin-top: 15px !important;
  }
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
  .u-mt15_tab {
    margin-top: 15px !important;
  }
}
@media screen and (min-width: 1025px) {
  .u-mt15_pc {
    margin-top: 15px !important;
  }
}
.u-mt20 {
  margin-top: 20px !important;
}

@media screen and (max-width: 767px) {
  .u-mt20_sp {
    margin-top: 20px !important;
  }
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
  .u-mt20_tab {
    margin-top: 20px !important;
  }
}
@media screen and (min-width: 1025px) {
  .u-mt20_pc {
    margin-top: 20px !important;
  }
}
.u-mt25 {
  margin-top: 25px !important;
}

@media screen and (max-width: 767px) {
  .u-mt25_sp {
    margin-top: 25px !important;
  }
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
  .u-mt25_tab {
    margin-top: 25px !important;
  }
}
@media screen and (min-width: 1025px) {
  .u-mt25_pc {
    margin-top: 25px !important;
  }
}
.u-mt30 {
  margin-top: 30px !important;
}

@media screen and (max-width: 767px) {
  .u-mt30_sp {
    margin-top: 30px !important;
  }
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
  .u-mt30_tab {
    margin-top: 30px !important;
  }
}
@media screen and (min-width: 1025px) {
  .u-mt30_pc {
    margin-top: 30px !important;
  }
}
.u-mt35 {
  margin-top: 35px !important;
}

@media screen and (max-width: 767px) {
  .u-mt35_sp {
    margin-top: 35px !important;
  }
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
  .u-mt35_tab {
    margin-top: 35px !important;
  }
}
@media screen and (min-width: 1025px) {
  .u-mt35_pc {
    margin-top: 35px !important;
  }
}
.u-mt40 {
  margin-top: 40px !important;
}

@media screen and (max-width: 767px) {
  .u-mt40_sp {
    margin-top: 40px !important;
  }
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
  .u-mt40_tab {
    margin-top: 40px !important;
  }
}
@media screen and (min-width: 1025px) {
  .u-mt40_pc {
    margin-top: 40px !important;
  }
}
.u-mt45 {
  margin-top: 45px !important;
}

@media screen and (max-width: 767px) {
  .u-mt45_sp {
    margin-top: 45px !important;
  }
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
  .u-mt45_tab {
    margin-top: 45px !important;
  }
}
@media screen and (min-width: 1025px) {
  .u-mt45_pc {
    margin-top: 45px !important;
  }
}
.u-mt50 {
  margin-top: 50px !important;
}

@media screen and (max-width: 767px) {
  .u-mt50_sp {
    margin-top: 50px !important;
  }
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
  .u-mt50_tab {
    margin-top: 50px !important;
  }
}
@media screen and (min-width: 1025px) {
  .u-mt50_pc {
    margin-top: 50px !important;
  }
}
.u-mt55 {
  margin-top: 55px !important;
}

@media screen and (max-width: 767px) {
  .u-mt55_sp {
    margin-top: 55px !important;
  }
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
  .u-mt55_tab {
    margin-top: 55px !important;
  }
}
@media screen and (min-width: 1025px) {
  .u-mt55_pc {
    margin-top: 55px !important;
  }
}
.u-mt60 {
  margin-top: 60px !important;
}

@media screen and (max-width: 767px) {
  .u-mt60_sp {
    margin-top: 60px !important;
  }
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
  .u-mt60_tab {
    margin-top: 60px !important;
  }
}
@media screen and (min-width: 1025px) {
  .u-mt60_pc {
    margin-top: 60px !important;
  }
}
.u-mt65 {
  margin-top: 65px !important;
}

@media screen and (max-width: 767px) {
  .u-mt65_sp {
    margin-top: 65px !important;
  }
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
  .u-mt65_tab {
    margin-top: 65px !important;
  }
}
@media screen and (min-width: 1025px) {
  .u-mt65_pc {
    margin-top: 65px !important;
  }
}
.u-mt70 {
  margin-top: 70px !important;
}

@media screen and (max-width: 767px) {
  .u-mt70_sp {
    margin-top: 70px !important;
  }
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
  .u-mt70_tab {
    margin-top: 70px !important;
  }
}
@media screen and (min-width: 1025px) {
  .u-mt70_pc {
    margin-top: 70px !important;
  }
}
.u-mt75 {
  margin-top: 75px !important;
}

@media screen and (max-width: 767px) {
  .u-mt75_sp {
    margin-top: 75px !important;
  }
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
  .u-mt75_tab {
    margin-top: 75px !important;
  }
}
@media screen and (min-width: 1025px) {
  .u-mt75_pc {
    margin-top: 75px !important;
  }
}
.u-mt80 {
  margin-top: 80px !important;
}

@media screen and (max-width: 767px) {
  .u-mt80_sp {
    margin-top: 80px !important;
  }
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
  .u-mt80_tab {
    margin-top: 80px !important;
  }
}
@media screen and (min-width: 1025px) {
  .u-mt80_pc {
    margin-top: 80px !important;
  }
}
.u-mt85 {
  margin-top: 85px !important;
}

@media screen and (max-width: 767px) {
  .u-mt85_sp {
    margin-top: 85px !important;
  }
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
  .u-mt85_tab {
    margin-top: 85px !important;
  }
}
@media screen and (min-width: 1025px) {
  .u-mt85_pc {
    margin-top: 85px !important;
  }
}
.u-mt90 {
  margin-top: 90px !important;
}

@media screen and (max-width: 767px) {
  .u-mt90_sp {
    margin-top: 90px !important;
  }
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
  .u-mt90_tab {
    margin-top: 90px !important;
  }
}
@media screen and (min-width: 1025px) {
  .u-mt90_pc {
    margin-top: 90px !important;
  }
}
.u-mt95 {
  margin-top: 95px !important;
}

@media screen and (max-width: 767px) {
  .u-mt95_sp {
    margin-top: 95px !important;
  }
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
  .u-mt95_tab {
    margin-top: 95px !important;
  }
}
@media screen and (min-width: 1025px) {
  .u-mt95_pc {
    margin-top: 95px !important;
  }
}
.u-mb0 {
  margin-bottom: 0px;
}

@media screen and (max-width: 767px) {
  .u-mb0_sp {
    margin-bottom: 0px !important;
  }
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
  .u-mb0_tab {
    margin-bottom: 0px !important;
  }
}
@media screen and (min-width: 1025px) {
  .u-mb0_pc {
    margin-bottom: 0px !important;
  }
}
.u-mb5 {
  margin-bottom: 5px;
}

@media screen and (max-width: 767px) {
  .u-mb5_sp {
    margin-bottom: 5px !important;
  }
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
  .u-mb5_tab {
    margin-bottom: 5px !important;
  }
}
@media screen and (min-width: 1025px) {
  .u-mb5_pc {
    margin-bottom: 5px !important;
  }
}
.u-mb10 {
  margin-bottom: 10px;
}

@media screen and (max-width: 767px) {
  .u-mb10_sp {
    margin-bottom: 10px !important;
  }
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
  .u-mb10_tab {
    margin-bottom: 10px !important;
  }
}
@media screen and (min-width: 1025px) {
  .u-mb10_pc {
    margin-bottom: 10px !important;
  }
}
.u-mb15 {
  margin-bottom: 15px;
}

@media screen and (max-width: 767px) {
  .u-mb15_sp {
    margin-bottom: 15px !important;
  }
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
  .u-mb15_tab {
    margin-bottom: 15px !important;
  }
}
@media screen and (min-width: 1025px) {
  .u-mb15_pc {
    margin-bottom: 15px !important;
  }
}
.u-mb20 {
  margin-bottom: 20px;
}

@media screen and (max-width: 767px) {
  .u-mb20_sp {
    margin-bottom: 20px !important;
  }
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
  .u-mb20_tab {
    margin-bottom: 20px !important;
  }
}
@media screen and (min-width: 1025px) {
  .u-mb20_pc {
    margin-bottom: 20px !important;
  }
}
.u-mb25 {
  margin-bottom: 25px;
}

@media screen and (max-width: 767px) {
  .u-mb25_sp {
    margin-bottom: 25px !important;
  }
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
  .u-mb25_tab {
    margin-bottom: 25px !important;
  }
}
@media screen and (min-width: 1025px) {
  .u-mb25_pc {
    margin-bottom: 25px !important;
  }
}
.u-mb30 {
  margin-bottom: 30px;
}

@media screen and (max-width: 767px) {
  .u-mb30_sp {
    margin-bottom: 30px !important;
  }
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
  .u-mb30_tab {
    margin-bottom: 30px !important;
  }
}
@media screen and (min-width: 1025px) {
  .u-mb30_pc {
    margin-bottom: 30px !important;
  }
}
.u-mb35 {
  margin-bottom: 35px;
}

@media screen and (max-width: 767px) {
  .u-mb35_sp {
    margin-bottom: 35px !important;
  }
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
  .u-mb35_tab {
    margin-bottom: 35px !important;
  }
}
@media screen and (min-width: 1025px) {
  .u-mb35_pc {
    margin-bottom: 35px !important;
  }
}
.u-mb40 {
  margin-bottom: 40px;
}

@media screen and (max-width: 767px) {
  .u-mb40_sp {
    margin-bottom: 40px !important;
  }
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
  .u-mb40_tab {
    margin-bottom: 40px !important;
  }
}
@media screen and (min-width: 1025px) {
  .u-mb40_pc {
    margin-bottom: 40px !important;
  }
}
.u-mb45 {
  margin-bottom: 45px;
}

@media screen and (max-width: 767px) {
  .u-mb45_sp {
    margin-bottom: 45px !important;
  }
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
  .u-mb45_tab {
    margin-bottom: 45px !important;
  }
}
@media screen and (min-width: 1025px) {
  .u-mb45_pc {
    margin-bottom: 45px !important;
  }
}
.u-mb50 {
  margin-bottom: 50px;
}

@media screen and (max-width: 767px) {
  .u-mb50_sp {
    margin-bottom: 50px !important;
  }
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
  .u-mb50_tab {
    margin-bottom: 50px !important;
  }
}
@media screen and (min-width: 1025px) {
  .u-mb50_pc {
    margin-bottom: 50px !important;
  }
}
.u-mb55 {
  margin-bottom: 55px;
}

@media screen and (max-width: 767px) {
  .u-mb55_sp {
    margin-bottom: 55px !important;
  }
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
  .u-mb55_tab {
    margin-bottom: 55px !important;
  }
}
@media screen and (min-width: 1025px) {
  .u-mb55_pc {
    margin-bottom: 55px !important;
  }
}
.u-mb60 {
  margin-bottom: 60px;
}

@media screen and (max-width: 767px) {
  .u-mb60_sp {
    margin-bottom: 60px !important;
  }
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
  .u-mb60_tab {
    margin-bottom: 60px !important;
  }
}
@media screen and (min-width: 1025px) {
  .u-mb60_pc {
    margin-bottom: 60px !important;
  }
}
.u-mb65 {
  margin-bottom: 65px;
}

@media screen and (max-width: 767px) {
  .u-mb65_sp {
    margin-bottom: 65px !important;
  }
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
  .u-mb65_tab {
    margin-bottom: 65px !important;
  }
}
@media screen and (min-width: 1025px) {
  .u-mb65_pc {
    margin-bottom: 65px !important;
  }
}
.u-mb70 {
  margin-bottom: 70px;
}

@media screen and (max-width: 767px) {
  .u-mb70_sp {
    margin-bottom: 70px !important;
  }
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
  .u-mb70_tab {
    margin-bottom: 70px !important;
  }
}
@media screen and (min-width: 1025px) {
  .u-mb70_pc {
    margin-bottom: 70px !important;
  }
}
.u-mb75 {
  margin-bottom: 75px;
}

@media screen and (max-width: 767px) {
  .u-mb75_sp {
    margin-bottom: 75px !important;
  }
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
  .u-mb75_tab {
    margin-bottom: 75px !important;
  }
}
@media screen and (min-width: 1025px) {
  .u-mb75_pc {
    margin-bottom: 75px !important;
  }
}
.u-mb80 {
  margin-bottom: 80px;
}

@media screen and (max-width: 767px) {
  .u-mb80_sp {
    margin-bottom: 80px !important;
  }
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
  .u-mb80_tab {
    margin-bottom: 80px !important;
  }
}
@media screen and (min-width: 1025px) {
  .u-mb80_pc {
    margin-bottom: 80px !important;
  }
}
.u-mb85 {
  margin-bottom: 85px;
}

@media screen and (max-width: 767px) {
  .u-mb85_sp {
    margin-bottom: 85px !important;
  }
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
  .u-mb85_tab {
    margin-bottom: 85px !important;
  }
}
@media screen and (min-width: 1025px) {
  .u-mb85_pc {
    margin-bottom: 85px !important;
  }
}
.u-mb90 {
  margin-bottom: 90px;
}

@media screen and (max-width: 767px) {
  .u-mb90_sp {
    margin-bottom: 90px !important;
  }
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
  .u-mb90_tab {
    margin-bottom: 90px !important;
  }
}
@media screen and (min-width: 1025px) {
  .u-mb90_pc {
    margin-bottom: 90px !important;
  }
}
.u-mb95 {
  margin-bottom: 95px;
}

@media screen and (max-width: 767px) {
  .u-mb95_sp {
    margin-bottom: 95px !important;
  }
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
  .u-mb95_tab {
    margin-bottom: 95px !important;
  }
}
@media screen and (min-width: 1025px) {
  .u-mb95_pc {
    margin-bottom: 95px !important;
  }
}
/*-------------------------------
          	padding
-------------------------------*/
.u-p0 {
  padding: 0px;
}

@media screen and (max-width: 767px) {
  .u-p0_sp {
    padding: 0px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
  .u-p0_tab {
    padding: 0px;
  }
}
@media screen and (min-width: 1025px) {
  .u-p0_pc {
    padding: 0px;
  }
}
.u-p5 {
  padding: 5px;
}

@media screen and (max-width: 767px) {
  .u-p5_sp {
    padding: 5px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
  .u-p5_tab {
    padding: 5px;
  }
}
@media screen and (min-width: 1025px) {
  .u-p5_pc {
    padding: 5px;
  }
}
.u-p10 {
  padding: 10px;
}

@media screen and (max-width: 767px) {
  .u-p10_sp {
    padding: 10px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
  .u-p10_tab {
    padding: 10px;
  }
}
@media screen and (min-width: 1025px) {
  .u-p10_pc {
    padding: 10px;
  }
}
.u-p15 {
  padding: 15px;
}

@media screen and (max-width: 767px) {
  .u-p15_sp {
    padding: 15px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
  .u-p15_tab {
    padding: 15px;
  }
}
@media screen and (min-width: 1025px) {
  .u-p15_pc {
    padding: 15px;
  }
}
.u-p20 {
  padding: 20px;
}

@media screen and (max-width: 767px) {
  .u-p20_sp {
    padding: 20px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
  .u-p20_tab {
    padding: 20px;
  }
}
@media screen and (min-width: 1025px) {
  .u-p20_pc {
    padding: 20px;
  }
}
.u-p25 {
  padding: 25px;
}

@media screen and (max-width: 767px) {
  .u-p25_sp {
    padding: 25px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
  .u-p25_tab {
    padding: 25px;
  }
}
@media screen and (min-width: 1025px) {
  .u-p25_pc {
    padding: 25px;
  }
}
.u-p30 {
  padding: 30px;
}

@media screen and (max-width: 767px) {
  .u-p30_sp {
    padding: 30px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
  .u-p30_tab {
    padding: 30px;
  }
}
@media screen and (min-width: 1025px) {
  .u-p30_pc {
    padding: 30px;
  }
}
.u-p35 {
  padding: 35px;
}

@media screen and (max-width: 767px) {
  .u-p35_sp {
    padding: 35px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
  .u-p35_tab {
    padding: 35px;
  }
}
@media screen and (min-width: 1025px) {
  .u-p35_pc {
    padding: 35px;
  }
}
.u-p40 {
  padding: 40px;
}

@media screen and (max-width: 767px) {
  .u-p40_sp {
    padding: 40px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
  .u-p40_tab {
    padding: 40px;
  }
}
@media screen and (min-width: 1025px) {
  .u-p40_pc {
    padding: 40px;
  }
}
.u-p45 {
  padding: 45px;
}

@media screen and (max-width: 767px) {
  .u-p45_sp {
    padding: 45px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
  .u-p45_tab {
    padding: 45px;
  }
}
@media screen and (min-width: 1025px) {
  .u-p45_pc {
    padding: 45px;
  }
}
.u-p50 {
  padding: 50px;
}

@media screen and (max-width: 767px) {
  .u-p50_sp {
    padding: 50px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
  .u-p50_tab {
    padding: 50px;
  }
}
@media screen and (min-width: 1025px) {
  .u-p50_pc {
    padding: 50px;
  }
}
.u-p55 {
  padding: 55px;
}

@media screen and (max-width: 767px) {
  .u-p55_sp {
    padding: 55px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
  .u-p55_tab {
    padding: 55px;
  }
}
@media screen and (min-width: 1025px) {
  .u-p55_pc {
    padding: 55px;
  }
}
.u-p60 {
  padding: 60px;
}

@media screen and (max-width: 767px) {
  .u-p60_sp {
    padding: 60px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
  .u-p60_tab {
    padding: 60px;
  }
}
@media screen and (min-width: 1025px) {
  .u-p60_pc {
    padding: 60px;
  }
}
.u-p65 {
  padding: 65px;
}

@media screen and (max-width: 767px) {
  .u-p65_sp {
    padding: 65px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
  .u-p65_tab {
    padding: 65px;
  }
}
@media screen and (min-width: 1025px) {
  .u-p65_pc {
    padding: 65px;
  }
}
.u-p70 {
  padding: 70px;
}

@media screen and (max-width: 767px) {
  .u-p70_sp {
    padding: 70px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
  .u-p70_tab {
    padding: 70px;
  }
}
@media screen and (min-width: 1025px) {
  .u-p70_pc {
    padding: 70px;
  }
}
.u-p75 {
  padding: 75px;
}

@media screen and (max-width: 767px) {
  .u-p75_sp {
    padding: 75px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
  .u-p75_tab {
    padding: 75px;
  }
}
@media screen and (min-width: 1025px) {
  .u-p75_pc {
    padding: 75px;
  }
}
.u-p80 {
  padding: 80px;
}

@media screen and (max-width: 767px) {
  .u-p80_sp {
    padding: 80px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
  .u-p80_tab {
    padding: 80px;
  }
}
@media screen and (min-width: 1025px) {
  .u-p80_pc {
    padding: 80px;
  }
}
.u-p85 {
  padding: 85px;
}

@media screen and (max-width: 767px) {
  .u-p85_sp {
    padding: 85px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
  .u-p85_tab {
    padding: 85px;
  }
}
@media screen and (min-width: 1025px) {
  .u-p85_pc {
    padding: 85px;
  }
}
.u-p90 {
  padding: 90px;
}

@media screen and (max-width: 767px) {
  .u-p90_sp {
    padding: 90px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
  .u-p90_tab {
    padding: 90px;
  }
}
@media screen and (min-width: 1025px) {
  .u-p90_pc {
    padding: 90px;
  }
}
.u-p95 {
  padding: 95px;
}

@media screen and (max-width: 767px) {
  .u-p95_sp {
    padding: 95px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
  .u-p95_tab {
    padding: 95px;
  }
}
@media screen and (min-width: 1025px) {
  .u-p95_pc {
    padding: 95px;
  }
}
.u-pt0 {
  padding-top: 0px;
}

@media screen and (max-width: 767px) {
  .u-pt0_sp {
    padding-top: 0px !important;
  }
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
  .u-pt0_tab {
    padding-top: 0px !important;
  }
}
@media screen and (min-width: 1025px) {
  .u-pt0_pc {
    padding-top: 0px !important;
  }
}
.u-pt5 {
  padding-top: 5px;
}

@media screen and (max-width: 767px) {
  .u-pt5_sp {
    padding-top: 5px !important;
  }
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
  .u-pt5_tab {
    padding-top: 5px !important;
  }
}
@media screen and (min-width: 1025px) {
  .u-pt5_pc {
    padding-top: 5px !important;
  }
}
.u-pt10 {
  padding-top: 10px;
}

@media screen and (max-width: 767px) {
  .u-pt10_sp {
    padding-top: 10px !important;
  }
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
  .u-pt10_tab {
    padding-top: 10px !important;
  }
}
@media screen and (min-width: 1025px) {
  .u-pt10_pc {
    padding-top: 10px !important;
  }
}
.u-pt15 {
  padding-top: 15px;
}

@media screen and (max-width: 767px) {
  .u-pt15_sp {
    padding-top: 15px !important;
  }
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
  .u-pt15_tab {
    padding-top: 15px !important;
  }
}
@media screen and (min-width: 1025px) {
  .u-pt15_pc {
    padding-top: 15px !important;
  }
}
.u-pt20 {
  padding-top: 20px;
}

@media screen and (max-width: 767px) {
  .u-pt20_sp {
    padding-top: 20px !important;
  }
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
  .u-pt20_tab {
    padding-top: 20px !important;
  }
}
@media screen and (min-width: 1025px) {
  .u-pt20_pc {
    padding-top: 20px !important;
  }
}
.u-pt25 {
  padding-top: 25px;
}

@media screen and (max-width: 767px) {
  .u-pt25_sp {
    padding-top: 25px !important;
  }
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
  .u-pt25_tab {
    padding-top: 25px !important;
  }
}
@media screen and (min-width: 1025px) {
  .u-pt25_pc {
    padding-top: 25px !important;
  }
}
.u-pt30 {
  padding-top: 30px;
}

@media screen and (max-width: 767px) {
  .u-pt30_sp {
    padding-top: 30px !important;
  }
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
  .u-pt30_tab {
    padding-top: 30px !important;
  }
}
@media screen and (min-width: 1025px) {
  .u-pt30_pc {
    padding-top: 30px !important;
  }
}
.u-pt35 {
  padding-top: 35px;
}

@media screen and (max-width: 767px) {
  .u-pt35_sp {
    padding-top: 35px !important;
  }
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
  .u-pt35_tab {
    padding-top: 35px !important;
  }
}
@media screen and (min-width: 1025px) {
  .u-pt35_pc {
    padding-top: 35px !important;
  }
}
.u-pt40 {
  padding-top: 40px;
}

@media screen and (max-width: 767px) {
  .u-pt40_sp {
    padding-top: 40px !important;
  }
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
  .u-pt40_tab {
    padding-top: 40px !important;
  }
}
@media screen and (min-width: 1025px) {
  .u-pt40_pc {
    padding-top: 40px !important;
  }
}
.u-pt45 {
  padding-top: 45px;
}

@media screen and (max-width: 767px) {
  .u-pt45_sp {
    padding-top: 45px !important;
  }
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
  .u-pt45_tab {
    padding-top: 45px !important;
  }
}
@media screen and (min-width: 1025px) {
  .u-pt45_pc {
    padding-top: 45px !important;
  }
}
.u-pt50 {
  padding-top: 50px;
}

@media screen and (max-width: 767px) {
  .u-pt50_sp {
    padding-top: 50px !important;
  }
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
  .u-pt50_tab {
    padding-top: 50px !important;
  }
}
@media screen and (min-width: 1025px) {
  .u-pt50_pc {
    padding-top: 50px !important;
  }
}
.u-pt55 {
  padding-top: 55px;
}

@media screen and (max-width: 767px) {
  .u-pt55_sp {
    padding-top: 55px !important;
  }
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
  .u-pt55_tab {
    padding-top: 55px !important;
  }
}
@media screen and (min-width: 1025px) {
  .u-pt55_pc {
    padding-top: 55px !important;
  }
}
.u-pt60 {
  padding-top: 60px;
}

@media screen and (max-width: 767px) {
  .u-pt60_sp {
    padding-top: 60px !important;
  }
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
  .u-pt60_tab {
    padding-top: 60px !important;
  }
}
@media screen and (min-width: 1025px) {
  .u-pt60_pc {
    padding-top: 60px !important;
  }
}
.u-pt65 {
  padding-top: 65px;
}

@media screen and (max-width: 767px) {
  .u-pt65_sp {
    padding-top: 65px !important;
  }
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
  .u-pt65_tab {
    padding-top: 65px !important;
  }
}
@media screen and (min-width: 1025px) {
  .u-pt65_pc {
    padding-top: 65px !important;
  }
}
.u-pt70 {
  padding-top: 70px;
}

@media screen and (max-width: 767px) {
  .u-pt70_sp {
    padding-top: 70px !important;
  }
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
  .u-pt70_tab {
    padding-top: 70px !important;
  }
}
@media screen and (min-width: 1025px) {
  .u-pt70_pc {
    padding-top: 70px !important;
  }
}
.u-pt75 {
  padding-top: 75px;
}

@media screen and (max-width: 767px) {
  .u-pt75_sp {
    padding-top: 75px !important;
  }
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
  .u-pt75_tab {
    padding-top: 75px !important;
  }
}
@media screen and (min-width: 1025px) {
  .u-pt75_pc {
    padding-top: 75px !important;
  }
}
.u-pt80 {
  padding-top: 80px;
}

@media screen and (max-width: 767px) {
  .u-pt80_sp {
    padding-top: 80px !important;
  }
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
  .u-pt80_tab {
    padding-top: 80px !important;
  }
}
@media screen and (min-width: 1025px) {
  .u-pt80_pc {
    padding-top: 80px !important;
  }
}
.u-pt85 {
  padding-top: 85px;
}

@media screen and (max-width: 767px) {
  .u-pt85_sp {
    padding-top: 85px !important;
  }
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
  .u-pt85_tab {
    padding-top: 85px !important;
  }
}
@media screen and (min-width: 1025px) {
  .u-pt85_pc {
    padding-top: 85px !important;
  }
}
.u-pt90 {
  padding-top: 90px;
}

@media screen and (max-width: 767px) {
  .u-pt90_sp {
    padding-top: 90px !important;
  }
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
  .u-pt90_tab {
    padding-top: 90px !important;
  }
}
@media screen and (min-width: 1025px) {
  .u-pt90_pc {
    padding-top: 90px !important;
  }
}
.u-pt95 {
  padding-top: 95px;
}

@media screen and (max-width: 767px) {
  .u-pt95_sp {
    padding-top: 95px !important;
  }
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
  .u-pt95_tab {
    padding-top: 95px !important;
  }
}
@media screen and (min-width: 1025px) {
  .u-pt95_pc {
    padding-top: 95px !important;
  }
}
.u-pl0 {
  padding-left: 0px;
}

@media screen and (max-width: 767px) {
  .u-pl0_sp {
    padding-left: 0px !important;
  }
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
  .u-pl0_tab {
    padding-left: 0px !important;
  }
}
@media screen and (min-width: 1025px) {
  .u-pl0_pc {
    padding-left: 0px !important;
  }
}
.u-pl5 {
  padding-left: 5px;
}

@media screen and (max-width: 767px) {
  .u-pl5_sp {
    padding-left: 5px !important;
  }
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
  .u-pl5_tab {
    padding-left: 5px !important;
  }
}
@media screen and (min-width: 1025px) {
  .u-pl5_pc {
    padding-left: 5px !important;
  }
}
.u-pl10 {
  padding-left: 10px;
}

@media screen and (max-width: 767px) {
  .u-pl10_sp {
    padding-left: 10px !important;
  }
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
  .u-pl10_tab {
    padding-left: 10px !important;
  }
}
@media screen and (min-width: 1025px) {
  .u-pl10_pc {
    padding-left: 10px !important;
  }
}
.u-pl15 {
  padding-left: 15px;
}

@media screen and (max-width: 767px) {
  .u-pl15_sp {
    padding-left: 15px !important;
  }
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
  .u-pl15_tab {
    padding-left: 15px !important;
  }
}
@media screen and (min-width: 1025px) {
  .u-pl15_pc {
    padding-left: 15px !important;
  }
}
.u-pl20 {
  padding-left: 20px;
}

@media screen and (max-width: 767px) {
  .u-pl20_sp {
    padding-left: 20px !important;
  }
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
  .u-pl20_tab {
    padding-left: 20px !important;
  }
}
@media screen and (min-width: 1025px) {
  .u-pl20_pc {
    padding-left: 20px !important;
  }
}
.u-pl25 {
  padding-left: 25px;
}

@media screen and (max-width: 767px) {
  .u-pl25_sp {
    padding-left: 25px !important;
  }
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
  .u-pl25_tab {
    padding-left: 25px !important;
  }
}
@media screen and (min-width: 1025px) {
  .u-pl25_pc {
    padding-left: 25px !important;
  }
}
.u-pl30 {
  padding-left: 30px;
}

@media screen and (max-width: 767px) {
  .u-pl30_sp {
    padding-left: 30px !important;
  }
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
  .u-pl30_tab {
    padding-left: 30px !important;
  }
}
@media screen and (min-width: 1025px) {
  .u-pl30_pc {
    padding-left: 30px !important;
  }
}
.u-pl35 {
  padding-left: 35px;
}

@media screen and (max-width: 767px) {
  .u-pl35_sp {
    padding-left: 35px !important;
  }
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
  .u-pl35_tab {
    padding-left: 35px !important;
  }
}
@media screen and (min-width: 1025px) {
  .u-pl35_pc {
    padding-left: 35px !important;
  }
}
.u-pl40 {
  padding-left: 40px;
}

@media screen and (max-width: 767px) {
  .u-pl40_sp {
    padding-left: 40px !important;
  }
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
  .u-pl40_tab {
    padding-left: 40px !important;
  }
}
@media screen and (min-width: 1025px) {
  .u-pl40_pc {
    padding-left: 40px !important;
  }
}
.u-pl45 {
  padding-left: 45px;
}

@media screen and (max-width: 767px) {
  .u-pl45_sp {
    padding-left: 45px !important;
  }
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
  .u-pl45_tab {
    padding-left: 45px !important;
  }
}
@media screen and (min-width: 1025px) {
  .u-pl45_pc {
    padding-left: 45px !important;
  }
}
.u-pl50 {
  padding-left: 50px;
}

@media screen and (max-width: 767px) {
  .u-pl50_sp {
    padding-left: 50px !important;
  }
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
  .u-pl50_tab {
    padding-left: 50px !important;
  }
}
@media screen and (min-width: 1025px) {
  .u-pl50_pc {
    padding-left: 50px !important;
  }
}
.u-pl55 {
  padding-left: 55px;
}

@media screen and (max-width: 767px) {
  .u-pl55_sp {
    padding-left: 55px !important;
  }
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
  .u-pl55_tab {
    padding-left: 55px !important;
  }
}
@media screen and (min-width: 1025px) {
  .u-pl55_pc {
    padding-left: 55px !important;
  }
}
.u-pl60 {
  padding-left: 60px;
}

@media screen and (max-width: 767px) {
  .u-pl60_sp {
    padding-left: 60px !important;
  }
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
  .u-pl60_tab {
    padding-left: 60px !important;
  }
}
@media screen and (min-width: 1025px) {
  .u-pl60_pc {
    padding-left: 60px !important;
  }
}
.u-pl65 {
  padding-left: 65px;
}

@media screen and (max-width: 767px) {
  .u-pl65_sp {
    padding-left: 65px !important;
  }
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
  .u-pl65_tab {
    padding-left: 65px !important;
  }
}
@media screen and (min-width: 1025px) {
  .u-pl65_pc {
    padding-left: 65px !important;
  }
}
.u-pl70 {
  padding-left: 70px;
}

@media screen and (max-width: 767px) {
  .u-pl70_sp {
    padding-left: 70px !important;
  }
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
  .u-pl70_tab {
    padding-left: 70px !important;
  }
}
@media screen and (min-width: 1025px) {
  .u-pl70_pc {
    padding-left: 70px !important;
  }
}
.u-pl75 {
  padding-left: 75px;
}

@media screen and (max-width: 767px) {
  .u-pl75_sp {
    padding-left: 75px !important;
  }
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
  .u-pl75_tab {
    padding-left: 75px !important;
  }
}
@media screen and (min-width: 1025px) {
  .u-pl75_pc {
    padding-left: 75px !important;
  }
}
.u-pl80 {
  padding-left: 80px;
}

@media screen and (max-width: 767px) {
  .u-pl80_sp {
    padding-left: 80px !important;
  }
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
  .u-pl80_tab {
    padding-left: 80px !important;
  }
}
@media screen and (min-width: 1025px) {
  .u-pl80_pc {
    padding-left: 80px !important;
  }
}
.u-pl85 {
  padding-left: 85px;
}

@media screen and (max-width: 767px) {
  .u-pl85_sp {
    padding-left: 85px !important;
  }
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
  .u-pl85_tab {
    padding-left: 85px !important;
  }
}
@media screen and (min-width: 1025px) {
  .u-pl85_pc {
    padding-left: 85px !important;
  }
}
.u-pl90 {
  padding-left: 90px;
}

@media screen and (max-width: 767px) {
  .u-pl90_sp {
    padding-left: 90px !important;
  }
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
  .u-pl90_tab {
    padding-left: 90px !important;
  }
}
@media screen and (min-width: 1025px) {
  .u-pl90_pc {
    padding-left: 90px !important;
  }
}
.u-pl95 {
  padding-left: 95px;
}

@media screen and (max-width: 767px) {
  .u-pl95_sp {
    padding-left: 95px !important;
  }
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
  .u-pl95_tab {
    padding-left: 95px !important;
  }
}
@media screen and (min-width: 1025px) {
  .u-pl95_pc {
    padding-left: 95px !important;
  }
}
.u-pb0 {
  padding-bottom: 0px;
}

@media screen and (max-width: 767px) {
  .u-pb0_sp {
    padding-bottom: 0px !important;
  }
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
  .u-pb0_tab {
    padding-bottom: 0px !important;
  }
}
@media screen and (min-width: 1025px) {
  .u-pb0_pc {
    padding-bottom: 0px !important;
  }
}
.u-pb5 {
  padding-bottom: 5px;
}

@media screen and (max-width: 767px) {
  .u-pb5_sp {
    padding-bottom: 5px !important;
  }
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
  .u-pb5_tab {
    padding-bottom: 5px !important;
  }
}
@media screen and (min-width: 1025px) {
  .u-pb5_pc {
    padding-bottom: 5px !important;
  }
}
.u-pb10 {
  padding-bottom: 10px;
}

@media screen and (max-width: 767px) {
  .u-pb10_sp {
    padding-bottom: 10px !important;
  }
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
  .u-pb10_tab {
    padding-bottom: 10px !important;
  }
}
@media screen and (min-width: 1025px) {
  .u-pb10_pc {
    padding-bottom: 10px !important;
  }
}
.u-pb15 {
  padding-bottom: 15px;
}

@media screen and (max-width: 767px) {
  .u-pb15_sp {
    padding-bottom: 15px !important;
  }
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
  .u-pb15_tab {
    padding-bottom: 15px !important;
  }
}
@media screen and (min-width: 1025px) {
  .u-pb15_pc {
    padding-bottom: 15px !important;
  }
}
.u-pb20 {
  padding-bottom: 20px;
}

@media screen and (max-width: 767px) {
  .u-pb20_sp {
    padding-bottom: 20px !important;
  }
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
  .u-pb20_tab {
    padding-bottom: 20px !important;
  }
}
@media screen and (min-width: 1025px) {
  .u-pb20_pc {
    padding-bottom: 20px !important;
  }
}
.u-pb25 {
  padding-bottom: 25px;
}

@media screen and (max-width: 767px) {
  .u-pb25_sp {
    padding-bottom: 25px !important;
  }
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
  .u-pb25_tab {
    padding-bottom: 25px !important;
  }
}
@media screen and (min-width: 1025px) {
  .u-pb25_pc {
    padding-bottom: 25px !important;
  }
}
.u-pb30 {
  padding-bottom: 30px;
}

@media screen and (max-width: 767px) {
  .u-pb30_sp {
    padding-bottom: 30px !important;
  }
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
  .u-pb30_tab {
    padding-bottom: 30px !important;
  }
}
@media screen and (min-width: 1025px) {
  .u-pb30_pc {
    padding-bottom: 30px !important;
  }
}
.u-pb35 {
  padding-bottom: 35px;
}

@media screen and (max-width: 767px) {
  .u-pb35_sp {
    padding-bottom: 35px !important;
  }
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
  .u-pb35_tab {
    padding-bottom: 35px !important;
  }
}
@media screen and (min-width: 1025px) {
  .u-pb35_pc {
    padding-bottom: 35px !important;
  }
}
.u-pb40 {
  padding-bottom: 40px;
}

@media screen and (max-width: 767px) {
  .u-pb40_sp {
    padding-bottom: 40px !important;
  }
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
  .u-pb40_tab {
    padding-bottom: 40px !important;
  }
}
@media screen and (min-width: 1025px) {
  .u-pb40_pc {
    padding-bottom: 40px !important;
  }
}
.u-pb45 {
  padding-bottom: 45px;
}

@media screen and (max-width: 767px) {
  .u-pb45_sp {
    padding-bottom: 45px !important;
  }
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
  .u-pb45_tab {
    padding-bottom: 45px !important;
  }
}
@media screen and (min-width: 1025px) {
  .u-pb45_pc {
    padding-bottom: 45px !important;
  }
}
.u-pb50 {
  padding-bottom: 50px;
}

@media screen and (max-width: 767px) {
  .u-pb50_sp {
    padding-bottom: 50px !important;
  }
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
  .u-pb50_tab {
    padding-bottom: 50px !important;
  }
}
@media screen and (min-width: 1025px) {
  .u-pb50_pc {
    padding-bottom: 50px !important;
  }
}
.u-pb55 {
  padding-bottom: 55px;
}

@media screen and (max-width: 767px) {
  .u-pb55_sp {
    padding-bottom: 55px !important;
  }
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
  .u-pb55_tab {
    padding-bottom: 55px !important;
  }
}
@media screen and (min-width: 1025px) {
  .u-pb55_pc {
    padding-bottom: 55px !important;
  }
}
.u-pb60 {
  padding-bottom: 60px;
}

@media screen and (max-width: 767px) {
  .u-pb60_sp {
    padding-bottom: 60px !important;
  }
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
  .u-pb60_tab {
    padding-bottom: 60px !important;
  }
}
@media screen and (min-width: 1025px) {
  .u-pb60_pc {
    padding-bottom: 60px !important;
  }
}
.u-pb65 {
  padding-bottom: 65px;
}

@media screen and (max-width: 767px) {
  .u-pb65_sp {
    padding-bottom: 65px !important;
  }
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
  .u-pb65_tab {
    padding-bottom: 65px !important;
  }
}
@media screen and (min-width: 1025px) {
  .u-pb65_pc {
    padding-bottom: 65px !important;
  }
}
.u-pb70 {
  padding-bottom: 70px;
}

@media screen and (max-width: 767px) {
  .u-pb70_sp {
    padding-bottom: 70px !important;
  }
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
  .u-pb70_tab {
    padding-bottom: 70px !important;
  }
}
@media screen and (min-width: 1025px) {
  .u-pb70_pc {
    padding-bottom: 70px !important;
  }
}
.u-pb75 {
  padding-bottom: 75px;
}

@media screen and (max-width: 767px) {
  .u-pb75_sp {
    padding-bottom: 75px !important;
  }
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
  .u-pb75_tab {
    padding-bottom: 75px !important;
  }
}
@media screen and (min-width: 1025px) {
  .u-pb75_pc {
    padding-bottom: 75px !important;
  }
}
.u-pb80 {
  padding-bottom: 80px;
}

@media screen and (max-width: 767px) {
  .u-pb80_sp {
    padding-bottom: 80px !important;
  }
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
  .u-pb80_tab {
    padding-bottom: 80px !important;
  }
}
@media screen and (min-width: 1025px) {
  .u-pb80_pc {
    padding-bottom: 80px !important;
  }
}
.u-pb85 {
  padding-bottom: 85px;
}

@media screen and (max-width: 767px) {
  .u-pb85_sp {
    padding-bottom: 85px !important;
  }
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
  .u-pb85_tab {
    padding-bottom: 85px !important;
  }
}
@media screen and (min-width: 1025px) {
  .u-pb85_pc {
    padding-bottom: 85px !important;
  }
}
.u-pb90 {
  padding-bottom: 90px;
}

@media screen and (max-width: 767px) {
  .u-pb90_sp {
    padding-bottom: 90px !important;
  }
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
  .u-pb90_tab {
    padding-bottom: 90px !important;
  }
}
@media screen and (min-width: 1025px) {
  .u-pb90_pc {
    padding-bottom: 90px !important;
  }
}
.u-pb95 {
  padding-bottom: 95px;
}

@media screen and (max-width: 767px) {
  .u-pb95_sp {
    padding-bottom: 95px !important;
  }
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
  .u-pb95_tab {
    padding-bottom: 95px !important;
  }
}
@media screen and (min-width: 1025px) {
  .u-pb95_pc {
    padding-bottom: 95px !important;
  }
}
.u-pr0 {
  padding-right: 0px;
}

@media screen and (max-width: 767px) {
  .u-pr0_sp {
    padding-right: 0px !important;
  }
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
  .u-pr0_tab {
    padding-right: 0px !important;
  }
}
@media screen and (min-width: 1025px) {
  .u-pr0_pc {
    padding-right: 0px !important;
  }
}
.u-pr5 {
  padding-right: 5px;
}

@media screen and (max-width: 767px) {
  .u-pr5_sp {
    padding-right: 5px !important;
  }
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
  .u-pr5_tab {
    padding-right: 5px !important;
  }
}
@media screen and (min-width: 1025px) {
  .u-pr5_pc {
    padding-right: 5px !important;
  }
}
.u-pr10 {
  padding-right: 10px;
}

@media screen and (max-width: 767px) {
  .u-pr10_sp {
    padding-right: 10px !important;
  }
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
  .u-pr10_tab {
    padding-right: 10px !important;
  }
}
@media screen and (min-width: 1025px) {
  .u-pr10_pc {
    padding-right: 10px !important;
  }
}
.u-pr15 {
  padding-right: 15px;
}

@media screen and (max-width: 767px) {
  .u-pr15_sp {
    padding-right: 15px !important;
  }
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
  .u-pr15_tab {
    padding-right: 15px !important;
  }
}
@media screen and (min-width: 1025px) {
  .u-pr15_pc {
    padding-right: 15px !important;
  }
}
.u-pr20 {
  padding-right: 20px;
}

@media screen and (max-width: 767px) {
  .u-pr20_sp {
    padding-right: 20px !important;
  }
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
  .u-pr20_tab {
    padding-right: 20px !important;
  }
}
@media screen and (min-width: 1025px) {
  .u-pr20_pc {
    padding-right: 20px !important;
  }
}
.u-pr25 {
  padding-right: 25px;
}

@media screen and (max-width: 767px) {
  .u-pr25_sp {
    padding-right: 25px !important;
  }
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
  .u-pr25_tab {
    padding-right: 25px !important;
  }
}
@media screen and (min-width: 1025px) {
  .u-pr25_pc {
    padding-right: 25px !important;
  }
}
.u-pr30 {
  padding-right: 30px;
}

@media screen and (max-width: 767px) {
  .u-pr30_sp {
    padding-right: 30px !important;
  }
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
  .u-pr30_tab {
    padding-right: 30px !important;
  }
}
@media screen and (min-width: 1025px) {
  .u-pr30_pc {
    padding-right: 30px !important;
  }
}
.u-pr35 {
  padding-right: 35px;
}

@media screen and (max-width: 767px) {
  .u-pr35_sp {
    padding-right: 35px !important;
  }
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
  .u-pr35_tab {
    padding-right: 35px !important;
  }
}
@media screen and (min-width: 1025px) {
  .u-pr35_pc {
    padding-right: 35px !important;
  }
}
.u-pr40 {
  padding-right: 40px;
}

@media screen and (max-width: 767px) {
  .u-pr40_sp {
    padding-right: 40px !important;
  }
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
  .u-pr40_tab {
    padding-right: 40px !important;
  }
}
@media screen and (min-width: 1025px) {
  .u-pr40_pc {
    padding-right: 40px !important;
  }
}
.u-pr45 {
  padding-right: 45px;
}

@media screen and (max-width: 767px) {
  .u-pr45_sp {
    padding-right: 45px !important;
  }
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
  .u-pr45_tab {
    padding-right: 45px !important;
  }
}
@media screen and (min-width: 1025px) {
  .u-pr45_pc {
    padding-right: 45px !important;
  }
}
.u-pr50 {
  padding-right: 50px;
}

@media screen and (max-width: 767px) {
  .u-pr50_sp {
    padding-right: 50px !important;
  }
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
  .u-pr50_tab {
    padding-right: 50px !important;
  }
}
@media screen and (min-width: 1025px) {
  .u-pr50_pc {
    padding-right: 50px !important;
  }
}
.u-pr55 {
  padding-right: 55px;
}

@media screen and (max-width: 767px) {
  .u-pr55_sp {
    padding-right: 55px !important;
  }
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
  .u-pr55_tab {
    padding-right: 55px !important;
  }
}
@media screen and (min-width: 1025px) {
  .u-pr55_pc {
    padding-right: 55px !important;
  }
}
.u-pr60 {
  padding-right: 60px;
}

@media screen and (max-width: 767px) {
  .u-pr60_sp {
    padding-right: 60px !important;
  }
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
  .u-pr60_tab {
    padding-right: 60px !important;
  }
}
@media screen and (min-width: 1025px) {
  .u-pr60_pc {
    padding-right: 60px !important;
  }
}
.u-pr65 {
  padding-right: 65px;
}

@media screen and (max-width: 767px) {
  .u-pr65_sp {
    padding-right: 65px !important;
  }
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
  .u-pr65_tab {
    padding-right: 65px !important;
  }
}
@media screen and (min-width: 1025px) {
  .u-pr65_pc {
    padding-right: 65px !important;
  }
}
.u-pr70 {
  padding-right: 70px;
}

@media screen and (max-width: 767px) {
  .u-pr70_sp {
    padding-right: 70px !important;
  }
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
  .u-pr70_tab {
    padding-right: 70px !important;
  }
}
@media screen and (min-width: 1025px) {
  .u-pr70_pc {
    padding-right: 70px !important;
  }
}
.u-pr75 {
  padding-right: 75px;
}

@media screen and (max-width: 767px) {
  .u-pr75_sp {
    padding-right: 75px !important;
  }
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
  .u-pr75_tab {
    padding-right: 75px !important;
  }
}
@media screen and (min-width: 1025px) {
  .u-pr75_pc {
    padding-right: 75px !important;
  }
}
.u-pr80 {
  padding-right: 80px;
}

@media screen and (max-width: 767px) {
  .u-pr80_sp {
    padding-right: 80px !important;
  }
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
  .u-pr80_tab {
    padding-right: 80px !important;
  }
}
@media screen and (min-width: 1025px) {
  .u-pr80_pc {
    padding-right: 80px !important;
  }
}
.u-pr85 {
  padding-right: 85px;
}

@media screen and (max-width: 767px) {
  .u-pr85_sp {
    padding-right: 85px !important;
  }
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
  .u-pr85_tab {
    padding-right: 85px !important;
  }
}
@media screen and (min-width: 1025px) {
  .u-pr85_pc {
    padding-right: 85px !important;
  }
}
.u-pr90 {
  padding-right: 90px;
}

@media screen and (max-width: 767px) {
  .u-pr90_sp {
    padding-right: 90px !important;
  }
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
  .u-pr90_tab {
    padding-right: 90px !important;
  }
}
@media screen and (min-width: 1025px) {
  .u-pr90_pc {
    padding-right: 90px !important;
  }
}
.u-pr95 {
  padding-right: 95px;
}

@media screen and (max-width: 767px) {
  .u-pr95_sp {
    padding-right: 95px !important;
  }
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
  .u-pr95_tab {
    padding-right: 95px !important;
  }
}
@media screen and (min-width: 1025px) {
  .u-pr95_pc {
    padding-right: 95px !important;
  }
}
/*-------------------------------
          	inner wrapper
-------------------------------*/
.l-inner1 {
  width: 768px;
  max-width: calc(100% - clamp(10px, 15vw, 40px));
  margin-left: auto;
  margin-right: auto;
}
.l-inner1.inner_100 {
  max-width: 100%;
}

.l-inner2 {
  width: 1300px;
  max-width: calc(100% - clamp(10px, 15vw, 40px));
  margin-left: auto;
  margin-right: auto;
}
.l-inner2.inner_100 {
  max-width: 100%;
}

.l-inner3 {
  width: 1920px;
  max-width: calc(100% - clamp(10px, 15vw, 40px));
  margin-left: auto;
  margin-right: auto;
}
.l-inner3.inner_100 {
  max-width: 100%;
}

.l-inner4 {
  width: 1200px;
  max-width: calc(100% - clamp(10px, 15vw, 40px));
  margin-left: auto;
  margin-right: auto;
}
.l-inner4.inner_100 {
  max-width: 100%;
}

.l-inner5 {
  width: 1150px;
  max-width: calc(100% - clamp(10px, 15vw, 40px));
  margin-left: auto;
  margin-right: auto;
}
.l-inner5.inner_100 {
  max-width: 100%;
}

@media screen and (max-width: 767px) {
  .l-inner1, .l-inner2, .l-inner3, .l-inner4, .l-inner5, .l-inner6, .l-inner7, .l-inner8, .l-inner9, .l-inner10, .l-inner11 {
    max-width: calc(100% - clamp(40px, 10vw, 60px));
  }
  .l-inner1.inner_100_sp, .l-inner2.inner_100_sp, .l-inner3.inner_100_sp, .l-inner4.inner_100_sp, .l-inner5.inner_100_sp, .l-inner6.inner_100_sp, .l-inner7.inner_100_sp, .l-inner8.inner_100_sp, .l-inner9.inner_100_sp, .l-inner10.inner_100_sp, .l-inner11.inner_100_sp {
    max-width: 100%;
  }
}
/*-------------------------------
          	border ボーダー
-------------------------------*/
.u-bt__red {
  border-top: 5px solid #d4145a;
}

.u-bd__blue {
  border: 1px solid #233447;
}

/*-------------------------------
          	color カラー
-------------------------------*/
.u-color_white {
  color: #fff !important;
}

.u-color_black {
  color: #000000 !important;
}

.u-color_brown {
  color: #B8A700 !important;
}

.u-color_red {
  color: #d4145a !important;
}

.u-color_blue {
  color: #233447 !important;
}

.u-color_blue2 {
  color: #234993 !important;
}

.u-color_yellow {
  color: #fbed21 !important;
}

/*-------------------------------
background バックグラウンドカラー
-------------------------------*/
.u-bg_gray {
  background: rgba(247, 247, 247, 0.9) !important;
}

.u-bg_black {
  background: #000000 !important;
}

.u-bg_white {
  background: #fff !important;
}

.u-bg_blue {
  background: #233447 !important;
}

/*-------------------------------
          	表示非表示
-------------------------------*/
@media screen and (min-width: 1025px) {
  .pc_none {
    display: none;
  }
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
  .pc_none {
    display: block;
  }
}
@media screen and (max-width: 767px) {
  .pc_none {
    display: block;
  }
}

@media screen and (min-width: 1025px) {
  .tab_none {
    display: block;
  }
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
  .tab_none {
    display: none;
  }
}
@media screen and (max-width: 767px) {
  .tab_none {
    display: block;
  }
}

@media screen and (min-width: 1025px) {
  .sp_none {
    display: block;
  }
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
  .sp_none {
    display: block;
  }
}
@media screen and (max-width: 767px) {
  .sp_none {
    display: none;
  }
}

@media screen and (min-width: 1025px) {
  .pc_indisp {
    display: inline-block;
  }
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
  .pc_indisp {
    display: none;
  }
}
@media screen and (max-width: 767px) {
  .pc_indisp {
    display: none;
  }
}

@media screen and (min-width: 1025px) {
  .tab_indisp {
    display: none;
  }
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
  .tab_indisp {
    display: inline-block;
  }
}
@media screen and (max-width: 767px) {
  .tab_indisp {
    display: none;
  }
}

@media screen and (min-width: 1025px) {
  .pc_disp {
    display: block;
  }
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
  .pc_disp {
    display: none;
  }
}
@media screen and (max-width: 767px) {
  .pc_disp {
    display: none;
  }
}

@media screen and (min-width: 1025px) {
  .sp_disp {
    display: none;
  }
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
  .sp_disp {
    display: none;
  }
}
@media screen and (max-width: 767px) {
  .sp_disp {
    display: block;
  }
}

@media screen and (min-width: 1025px) {
  .sp_indisp {
    display: none;
  }
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
  .sp_indisp {
    display: none;
  }
}
@media screen and (max-width: 767px) {
  .sp_indisp {
    display: inline-block;
  }
}

/*-------------------------------
          	width
-------------------------------*/
.u-w0 {
  width: 0%;
}

@media screen and (max-width: 767px) {
  .u-w0_sp {
    width: 0%;
  }
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
  .u-w0_tab {
    width: 0%;
  }
}
@media screen and (min-width: 1025px) {
  .u-w0_pc {
    width: 0%;
  }
}
.u-w5 {
  width: 5%;
}

@media screen and (max-width: 767px) {
  .u-w5_sp {
    width: 5%;
  }
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
  .u-w5_tab {
    width: 5%;
  }
}
@media screen and (min-width: 1025px) {
  .u-w5_pc {
    width: 5%;
  }
}
.u-w10 {
  width: 10%;
}

@media screen and (max-width: 767px) {
  .u-w10_sp {
    width: 10%;
  }
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
  .u-w10_tab {
    width: 10%;
  }
}
@media screen and (min-width: 1025px) {
  .u-w10_pc {
    width: 10%;
  }
}
.u-w15 {
  width: 15%;
}

@media screen and (max-width: 767px) {
  .u-w15_sp {
    width: 15%;
  }
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
  .u-w15_tab {
    width: 15%;
  }
}
@media screen and (min-width: 1025px) {
  .u-w15_pc {
    width: 15%;
  }
}
.u-w20 {
  width: 20%;
}

@media screen and (max-width: 767px) {
  .u-w20_sp {
    width: 20%;
  }
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
  .u-w20_tab {
    width: 20%;
  }
}
@media screen and (min-width: 1025px) {
  .u-w20_pc {
    width: 20%;
  }
}
.u-w25 {
  width: 25%;
}

@media screen and (max-width: 767px) {
  .u-w25_sp {
    width: 25%;
  }
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
  .u-w25_tab {
    width: 25%;
  }
}
@media screen and (min-width: 1025px) {
  .u-w25_pc {
    width: 25%;
  }
}
.u-w30 {
  width: 30%;
}

@media screen and (max-width: 767px) {
  .u-w30_sp {
    width: 30%;
  }
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
  .u-w30_tab {
    width: 30%;
  }
}
@media screen and (min-width: 1025px) {
  .u-w30_pc {
    width: 30%;
  }
}
.u-w35 {
  width: 35%;
}

@media screen and (max-width: 767px) {
  .u-w35_sp {
    width: 35%;
  }
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
  .u-w35_tab {
    width: 35%;
  }
}
@media screen and (min-width: 1025px) {
  .u-w35_pc {
    width: 35%;
  }
}
.u-w40 {
  width: 40%;
}

@media screen and (max-width: 767px) {
  .u-w40_sp {
    width: 40%;
  }
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
  .u-w40_tab {
    width: 40%;
  }
}
@media screen and (min-width: 1025px) {
  .u-w40_pc {
    width: 40%;
  }
}
.u-w45 {
  width: 45%;
}

@media screen and (max-width: 767px) {
  .u-w45_sp {
    width: 45%;
  }
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
  .u-w45_tab {
    width: 45%;
  }
}
@media screen and (min-width: 1025px) {
  .u-w45_pc {
    width: 45%;
  }
}
.u-w50 {
  width: 50%;
}

@media screen and (max-width: 767px) {
  .u-w50_sp {
    width: 50%;
  }
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
  .u-w50_tab {
    width: 50%;
  }
}
@media screen and (min-width: 1025px) {
  .u-w50_pc {
    width: 50%;
  }
}
.u-w55 {
  width: 55%;
}

@media screen and (max-width: 767px) {
  .u-w55_sp {
    width: 55%;
  }
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
  .u-w55_tab {
    width: 55%;
  }
}
@media screen and (min-width: 1025px) {
  .u-w55_pc {
    width: 55%;
  }
}
.u-w60 {
  width: 60%;
}

@media screen and (max-width: 767px) {
  .u-w60_sp {
    width: 60%;
  }
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
  .u-w60_tab {
    width: 60%;
  }
}
@media screen and (min-width: 1025px) {
  .u-w60_pc {
    width: 60%;
  }
}
.u-w65 {
  width: 65%;
}

@media screen and (max-width: 767px) {
  .u-w65_sp {
    width: 65%;
  }
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
  .u-w65_tab {
    width: 65%;
  }
}
@media screen and (min-width: 1025px) {
  .u-w65_pc {
    width: 65%;
  }
}
.u-w70 {
  width: 70%;
}

@media screen and (max-width: 767px) {
  .u-w70_sp {
    width: 70%;
  }
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
  .u-w70_tab {
    width: 70%;
  }
}
@media screen and (min-width: 1025px) {
  .u-w70_pc {
    width: 70%;
  }
}
.u-w75 {
  width: 75%;
}

@media screen and (max-width: 767px) {
  .u-w75_sp {
    width: 75%;
  }
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
  .u-w75_tab {
    width: 75%;
  }
}
@media screen and (min-width: 1025px) {
  .u-w75_pc {
    width: 75%;
  }
}
.u-w80 {
  width: 80%;
}

@media screen and (max-width: 767px) {
  .u-w80_sp {
    width: 80%;
  }
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
  .u-w80_tab {
    width: 80%;
  }
}
@media screen and (min-width: 1025px) {
  .u-w80_pc {
    width: 80%;
  }
}
.u-w85 {
  width: 85%;
}

@media screen and (max-width: 767px) {
  .u-w85_sp {
    width: 85%;
  }
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
  .u-w85_tab {
    width: 85%;
  }
}
@media screen and (min-width: 1025px) {
  .u-w85_pc {
    width: 85%;
  }
}
.u-w90 {
  width: 90%;
}

@media screen and (max-width: 767px) {
  .u-w90_sp {
    width: 90%;
  }
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
  .u-w90_tab {
    width: 90%;
  }
}
@media screen and (min-width: 1025px) {
  .u-w90_pc {
    width: 90%;
  }
}
.u-w95 {
  width: 95%;
}

@media screen and (max-width: 767px) {
  .u-w95_sp {
    width: 95%;
  }
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
  .u-w95_tab {
    width: 95%;
  }
}
@media screen and (min-width: 1025px) {
  .u-w95_pc {
    width: 95%;
  }
}
.u-w100 {
  width: 100%;
}

@media screen and (max-width: 767px) {
  .u-w100_sp {
    width: 100%;
  }
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
  .u-w100_tab {
    width: 100%;
  }
}
@media screen and (min-width: 1025px) {
  .u-w100_pc {
    width: 100%;
  }
}
.u-w105 {
  width: 105%;
}

@media screen and (max-width: 767px) {
  .u-w105_sp {
    width: 105%;
  }
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
  .u-w105_tab {
    width: 105%;
  }
}
@media screen and (min-width: 1025px) {
  .u-w105_pc {
    width: 105%;
  }
}
.u-w110 {
  width: 110%;
}

@media screen and (max-width: 767px) {
  .u-w110_sp {
    width: 110%;
  }
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
  .u-w110_tab {
    width: 110%;
  }
}
@media screen and (min-width: 1025px) {
  .u-w110_pc {
    width: 110%;
  }
}
.u-w115 {
  width: 115%;
}

@media screen and (max-width: 767px) {
  .u-w115_sp {
    width: 115%;
  }
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
  .u-w115_tab {
    width: 115%;
  }
}
@media screen and (min-width: 1025px) {
  .u-w115_pc {
    width: 115%;
  }
}
.u-w120 {
  width: 120%;
}

@media screen and (max-width: 767px) {
  .u-w120_sp {
    width: 120%;
  }
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
  .u-w120_tab {
    width: 120%;
  }
}
@media screen and (min-width: 1025px) {
  .u-w120_pc {
    width: 120%;
  }
}
.u-w125 {
  width: 125%;
}

@media screen and (max-width: 767px) {
  .u-w125_sp {
    width: 125%;
  }
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
  .u-w125_tab {
    width: 125%;
  }
}
@media screen and (min-width: 1025px) {
  .u-w125_pc {
    width: 125%;
  }
}
.u-w130 {
  width: 130%;
}

@media screen and (max-width: 767px) {
  .u-w130_sp {
    width: 130%;
  }
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
  .u-w130_tab {
    width: 130%;
  }
}
@media screen and (min-width: 1025px) {
  .u-w130_pc {
    width: 130%;
  }
}
.u-w135 {
  width: 135%;
}

@media screen and (max-width: 767px) {
  .u-w135_sp {
    width: 135%;
  }
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
  .u-w135_tab {
    width: 135%;
  }
}
@media screen and (min-width: 1025px) {
  .u-w135_pc {
    width: 135%;
  }
}
.u-w140 {
  width: 140%;
}

@media screen and (max-width: 767px) {
  .u-w140_sp {
    width: 140%;
  }
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
  .u-w140_tab {
    width: 140%;
  }
}
@media screen and (min-width: 1025px) {
  .u-w140_pc {
    width: 140%;
  }
}
.u-w145 {
  width: 145%;
}

@media screen and (max-width: 767px) {
  .u-w145_sp {
    width: 145%;
  }
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
  .u-w145_tab {
    width: 145%;
  }
}
@media screen and (min-width: 1025px) {
  .u-w145_pc {
    width: 145%;
  }
}
.u-w150 {
  width: 150%;
}

@media screen and (max-width: 767px) {
  .u-w150_sp {
    width: 150%;
  }
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
  .u-w150_tab {
    width: 150%;
  }
}
@media screen and (min-width: 1025px) {
  .u-w150_pc {
    width: 150%;
  }
}
.u-w155 {
  width: 155%;
}

@media screen and (max-width: 767px) {
  .u-w155_sp {
    width: 155%;
  }
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
  .u-w155_tab {
    width: 155%;
  }
}
@media screen and (min-width: 1025px) {
  .u-w155_pc {
    width: 155%;
  }
}
.u-w160 {
  width: 160%;
}

@media screen and (max-width: 767px) {
  .u-w160_sp {
    width: 160%;
  }
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
  .u-w160_tab {
    width: 160%;
  }
}
@media screen and (min-width: 1025px) {
  .u-w160_pc {
    width: 160%;
  }
}
.u-w165 {
  width: 165%;
}

@media screen and (max-width: 767px) {
  .u-w165_sp {
    width: 165%;
  }
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
  .u-w165_tab {
    width: 165%;
  }
}
@media screen and (min-width: 1025px) {
  .u-w165_pc {
    width: 165%;
  }
}
.u-w170 {
  width: 170%;
}

@media screen and (max-width: 767px) {
  .u-w170_sp {
    width: 170%;
  }
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
  .u-w170_tab {
    width: 170%;
  }
}
@media screen and (min-width: 1025px) {
  .u-w170_pc {
    width: 170%;
  }
}
.u-w175 {
  width: 175%;
}

@media screen and (max-width: 767px) {
  .u-w175_sp {
    width: 175%;
  }
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
  .u-w175_tab {
    width: 175%;
  }
}
@media screen and (min-width: 1025px) {
  .u-w175_pc {
    width: 175%;
  }
}
.u-w180 {
  width: 180%;
}

@media screen and (max-width: 767px) {
  .u-w180_sp {
    width: 180%;
  }
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
  .u-w180_tab {
    width: 180%;
  }
}
@media screen and (min-width: 1025px) {
  .u-w180_pc {
    width: 180%;
  }
}
.u-w185 {
  width: 185%;
}

@media screen and (max-width: 767px) {
  .u-w185_sp {
    width: 185%;
  }
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
  .u-w185_tab {
    width: 185%;
  }
}
@media screen and (min-width: 1025px) {
  .u-w185_pc {
    width: 185%;
  }
}
.u-w190 {
  width: 190%;
}

@media screen and (max-width: 767px) {
  .u-w190_sp {
    width: 190%;
  }
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
  .u-w190_tab {
    width: 190%;
  }
}
@media screen and (min-width: 1025px) {
  .u-w190_pc {
    width: 190%;
  }
}
.u-w195 {
  width: 195%;
}

@media screen and (max-width: 767px) {
  .u-w195_sp {
    width: 195%;
  }
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
  .u-w195_tab {
    width: 195%;
  }
}
@media screen and (min-width: 1025px) {
  .u-w195_pc {
    width: 195%;
  }
}
.u-w200 {
  width: 200%;
}

@media screen and (max-width: 767px) {
  .u-w200_sp {
    width: 200%;
  }
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
  .u-w200_tab {
    width: 200%;
  }
}
@media screen and (min-width: 1025px) {
  .u-w200_pc {
    width: 200%;
  }
}
.u-w205 {
  width: 205%;
}

@media screen and (max-width: 767px) {
  .u-w205_sp {
    width: 205%;
  }
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
  .u-w205_tab {
    width: 205%;
  }
}
@media screen and (min-width: 1025px) {
  .u-w205_pc {
    width: 205%;
  }
}
.u-w210 {
  width: 210%;
}

@media screen and (max-width: 767px) {
  .u-w210_sp {
    width: 210%;
  }
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
  .u-w210_tab {
    width: 210%;
  }
}
@media screen and (min-width: 1025px) {
  .u-w210_pc {
    width: 210%;
  }
}
.u-w215 {
  width: 215%;
}

@media screen and (max-width: 767px) {
  .u-w215_sp {
    width: 215%;
  }
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
  .u-w215_tab {
    width: 215%;
  }
}
@media screen and (min-width: 1025px) {
  .u-w215_pc {
    width: 215%;
  }
}
.u-w220 {
  width: 220%;
}

@media screen and (max-width: 767px) {
  .u-w220_sp {
    width: 220%;
  }
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
  .u-w220_tab {
    width: 220%;
  }
}
@media screen and (min-width: 1025px) {
  .u-w220_pc {
    width: 220%;
  }
}
.u-w225 {
  width: 225%;
}

@media screen and (max-width: 767px) {
  .u-w225_sp {
    width: 225%;
  }
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
  .u-w225_tab {
    width: 225%;
  }
}
@media screen and (min-width: 1025px) {
  .u-w225_pc {
    width: 225%;
  }
}
.u-w230 {
  width: 230%;
}

@media screen and (max-width: 767px) {
  .u-w230_sp {
    width: 230%;
  }
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
  .u-w230_tab {
    width: 230%;
  }
}
@media screen and (min-width: 1025px) {
  .u-w230_pc {
    width: 230%;
  }
}
.u-w235 {
  width: 235%;
}

@media screen and (max-width: 767px) {
  .u-w235_sp {
    width: 235%;
  }
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
  .u-w235_tab {
    width: 235%;
  }
}
@media screen and (min-width: 1025px) {
  .u-w235_pc {
    width: 235%;
  }
}
.u-w240 {
  width: 240%;
}

@media screen and (max-width: 767px) {
  .u-w240_sp {
    width: 240%;
  }
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
  .u-w240_tab {
    width: 240%;
  }
}
@media screen and (min-width: 1025px) {
  .u-w240_pc {
    width: 240%;
  }
}
.u-w245 {
  width: 245%;
}

@media screen and (max-width: 767px) {
  .u-w245_sp {
    width: 245%;
  }
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
  .u-w245_tab {
    width: 245%;
  }
}
@media screen and (min-width: 1025px) {
  .u-w245_pc {
    width: 245%;
  }
}
.u-w250 {
  width: 250%;
}

@media screen and (max-width: 767px) {
  .u-w250_sp {
    width: 250%;
  }
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
  .u-w250_tab {
    width: 250%;
  }
}
@media screen and (min-width: 1025px) {
  .u-w250_pc {
    width: 250%;
  }
}
.u-w255 {
  width: 255%;
}

@media screen and (max-width: 767px) {
  .u-w255_sp {
    width: 255%;
  }
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
  .u-w255_tab {
    width: 255%;
  }
}
@media screen and (min-width: 1025px) {
  .u-w255_pc {
    width: 255%;
  }
}
.u-w260 {
  width: 260%;
}

@media screen and (max-width: 767px) {
  .u-w260_sp {
    width: 260%;
  }
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
  .u-w260_tab {
    width: 260%;
  }
}
@media screen and (min-width: 1025px) {
  .u-w260_pc {
    width: 260%;
  }
}
.u-w265 {
  width: 265%;
}

@media screen and (max-width: 767px) {
  .u-w265_sp {
    width: 265%;
  }
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
  .u-w265_tab {
    width: 265%;
  }
}
@media screen and (min-width: 1025px) {
  .u-w265_pc {
    width: 265%;
  }
}
.u-w270 {
  width: 270%;
}

@media screen and (max-width: 767px) {
  .u-w270_sp {
    width: 270%;
  }
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
  .u-w270_tab {
    width: 270%;
  }
}
@media screen and (min-width: 1025px) {
  .u-w270_pc {
    width: 270%;
  }
}
.u-w275 {
  width: 275%;
}

@media screen and (max-width: 767px) {
  .u-w275_sp {
    width: 275%;
  }
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
  .u-w275_tab {
    width: 275%;
  }
}
@media screen and (min-width: 1025px) {
  .u-w275_pc {
    width: 275%;
  }
}
.u-w280 {
  width: 280%;
}

@media screen and (max-width: 767px) {
  .u-w280_sp {
    width: 280%;
  }
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
  .u-w280_tab {
    width: 280%;
  }
}
@media screen and (min-width: 1025px) {
  .u-w280_pc {
    width: 280%;
  }
}
.u-w285 {
  width: 285%;
}

@media screen and (max-width: 767px) {
  .u-w285_sp {
    width: 285%;
  }
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
  .u-w285_tab {
    width: 285%;
  }
}
@media screen and (min-width: 1025px) {
  .u-w285_pc {
    width: 285%;
  }
}
.u-w290 {
  width: 290%;
}

@media screen and (max-width: 767px) {
  .u-w290_sp {
    width: 290%;
  }
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
  .u-w290_tab {
    width: 290%;
  }
}
@media screen and (min-width: 1025px) {
  .u-w290_pc {
    width: 290%;
  }
}
.u-w295 {
  width: 295%;
}

@media screen and (max-width: 767px) {
  .u-w295_sp {
    width: 295%;
  }
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
  .u-w295_tab {
    width: 295%;
  }
}
@media screen and (min-width: 1025px) {
  .u-w295_pc {
    width: 295%;
  }
}
.u-w300 {
  width: 300%;
}

@media screen and (max-width: 767px) {
  .u-w300_sp {
    width: 300%;
  }
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
  .u-w300_tab {
    width: 300%;
  }
}
@media screen and (min-width: 1025px) {
  .u-w300_pc {
    width: 300%;
  }
}
.u-w305 {
  width: 305%;
}

@media screen and (max-width: 767px) {
  .u-w305_sp {
    width: 305%;
  }
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
  .u-w305_tab {
    width: 305%;
  }
}
@media screen and (min-width: 1025px) {
  .u-w305_pc {
    width: 305%;
  }
}
.u-w310 {
  width: 310%;
}

@media screen and (max-width: 767px) {
  .u-w310_sp {
    width: 310%;
  }
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
  .u-w310_tab {
    width: 310%;
  }
}
@media screen and (min-width: 1025px) {
  .u-w310_pc {
    width: 310%;
  }
}
.u-w315 {
  width: 315%;
}

@media screen and (max-width: 767px) {
  .u-w315_sp {
    width: 315%;
  }
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
  .u-w315_tab {
    width: 315%;
  }
}
@media screen and (min-width: 1025px) {
  .u-w315_pc {
    width: 315%;
  }
}
.u-w320 {
  width: 320%;
}

@media screen and (max-width: 767px) {
  .u-w320_sp {
    width: 320%;
  }
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
  .u-w320_tab {
    width: 320%;
  }
}
@media screen and (min-width: 1025px) {
  .u-w320_pc {
    width: 320%;
  }
}
.u-w325 {
  width: 325%;
}

@media screen and (max-width: 767px) {
  .u-w325_sp {
    width: 325%;
  }
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
  .u-w325_tab {
    width: 325%;
  }
}
@media screen and (min-width: 1025px) {
  .u-w325_pc {
    width: 325%;
  }
}
.u-w330 {
  width: 330%;
}

@media screen and (max-width: 767px) {
  .u-w330_sp {
    width: 330%;
  }
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
  .u-w330_tab {
    width: 330%;
  }
}
@media screen and (min-width: 1025px) {
  .u-w330_pc {
    width: 330%;
  }
}
.u-w335 {
  width: 335%;
}

@media screen and (max-width: 767px) {
  .u-w335_sp {
    width: 335%;
  }
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
  .u-w335_tab {
    width: 335%;
  }
}
@media screen and (min-width: 1025px) {
  .u-w335_pc {
    width: 335%;
  }
}
.u-w340 {
  width: 340%;
}

@media screen and (max-width: 767px) {
  .u-w340_sp {
    width: 340%;
  }
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
  .u-w340_tab {
    width: 340%;
  }
}
@media screen and (min-width: 1025px) {
  .u-w340_pc {
    width: 340%;
  }
}
.u-w345 {
  width: 345%;
}

@media screen and (max-width: 767px) {
  .u-w345_sp {
    width: 345%;
  }
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
  .u-w345_tab {
    width: 345%;
  }
}
@media screen and (min-width: 1025px) {
  .u-w345_pc {
    width: 345%;
  }
}
.u-w350 {
  width: 350%;
}

@media screen and (max-width: 767px) {
  .u-w350_sp {
    width: 350%;
  }
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
  .u-w350_tab {
    width: 350%;
  }
}
@media screen and (min-width: 1025px) {
  .u-w350_pc {
    width: 350%;
  }
}
.u-w355 {
  width: 355%;
}

@media screen and (max-width: 767px) {
  .u-w355_sp {
    width: 355%;
  }
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
  .u-w355_tab {
    width: 355%;
  }
}
@media screen and (min-width: 1025px) {
  .u-w355_pc {
    width: 355%;
  }
}
.u-w360 {
  width: 360%;
}

@media screen and (max-width: 767px) {
  .u-w360_sp {
    width: 360%;
  }
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
  .u-w360_tab {
    width: 360%;
  }
}
@media screen and (min-width: 1025px) {
  .u-w360_pc {
    width: 360%;
  }
}
.u-w365 {
  width: 365%;
}

@media screen and (max-width: 767px) {
  .u-w365_sp {
    width: 365%;
  }
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
  .u-w365_tab {
    width: 365%;
  }
}
@media screen and (min-width: 1025px) {
  .u-w365_pc {
    width: 365%;
  }
}
.u-w370 {
  width: 370%;
}

@media screen and (max-width: 767px) {
  .u-w370_sp {
    width: 370%;
  }
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
  .u-w370_tab {
    width: 370%;
  }
}
@media screen and (min-width: 1025px) {
  .u-w370_pc {
    width: 370%;
  }
}
.u-w375 {
  width: 375%;
}

@media screen and (max-width: 767px) {
  .u-w375_sp {
    width: 375%;
  }
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
  .u-w375_tab {
    width: 375%;
  }
}
@media screen and (min-width: 1025px) {
  .u-w375_pc {
    width: 375%;
  }
}
.u-w380 {
  width: 380%;
}

@media screen and (max-width: 767px) {
  .u-w380_sp {
    width: 380%;
  }
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
  .u-w380_tab {
    width: 380%;
  }
}
@media screen and (min-width: 1025px) {
  .u-w380_pc {
    width: 380%;
  }
}
.u-w385 {
  width: 385%;
}

@media screen and (max-width: 767px) {
  .u-w385_sp {
    width: 385%;
  }
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
  .u-w385_tab {
    width: 385%;
  }
}
@media screen and (min-width: 1025px) {
  .u-w385_pc {
    width: 385%;
  }
}
.u-w390 {
  width: 390%;
}

@media screen and (max-width: 767px) {
  .u-w390_sp {
    width: 390%;
  }
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
  .u-w390_tab {
    width: 390%;
  }
}
@media screen and (min-width: 1025px) {
  .u-w390_pc {
    width: 390%;
  }
}
.u-w395 {
  width: 395%;
}

@media screen and (max-width: 767px) {
  .u-w395_sp {
    width: 395%;
  }
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
  .u-w395_tab {
    width: 395%;
  }
}
@media screen and (min-width: 1025px) {
  .u-w395_pc {
    width: 395%;
  }
}
@media screen and (min-width: 1025px) {
  .u-w__auto__pc {
    width: auto;
  }
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
  .u-w__auto__tab {
    width: auto;
  }
}
@media screen and (max-width: 767px) {
  .u-w__auto__sp {
    width: auto;
  }
}
/*-------------------------------
          	block
-------------------------------*/
.u-block {
  display: block;
}
@media screen and (max-width: 767px) {
  .u-block_sp {
    display: block;
  }
}

/*-------------------------------
          	clear
-------------------------------*/
.u-clear {
  clear: both;
}

.u-clearfix:after {
  content: ".";
  display: block;
  clear: both;
  height: 0;
  visibility: hidden;
}

.u-clearfix {
  min-height: 1px !important;
}

* html .u-clearfix {
  height: 1px !important;
}

/*-------------------------------
          	text-algn
-------------------------------*/
.u-txt__right {
  text-align: right !important;
}

@media screen and (min-width: 768px) and (max-width: 1024px) {
  .u-txt__right__tab {
    text-align: right !important;
  }
}
@media screen and (max-width: 767px) {
  .u-txt__right__sp {
    text-align: right !important;
  }
}
.u-txt__left {
  text-align: left !important;
}

@media screen and (min-width: 768px) and (max-width: 1024px) {
  .u-txt__left__tab {
    text-align: left !important;
  }
}
@media screen and (max-width: 767px) {
  .u-txt__left__sp {
    text-align: left !important;
  }
}
.u-txt__center {
  text-align: center !important;
}

@media screen and (min-width: 768px) and (max-width: 1024px) {
  .u-txt__center__tab {
    text-align: center !important;
  }
}
@media screen and (max-width: 767px) {
  .u-txt__center__sp {
    text-align: center !important;
  }
}
.u-txt__center img {
  margin-left: auto !important;
  margin-right: auto !important;
}

/*-------------------------------
  dispay : flex
-------------------------------*/
.u-flex {
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.u-flex.space-between {
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.u-flex.center {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.u-flex_wrap {
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.u-flex_wrap.space-between {
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.u-flex_wrap.center {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.u-order_1 {
  -webkit-box-ordinal-group: 2;
      -ms-flex-order: 1;
          order: 1;
}

@media screen and (min-width: 1025px) {
  .u-order_1_pc {
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
  }
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
  .u-order_1_tab {
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
  }
}
@media screen and (max-width: 767px) {
  .u-order_1_sp {
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
  }
}
.u-order_2 {
  -webkit-box-ordinal-group: 3;
      -ms-flex-order: 2;
          order: 2;
}

@media screen and (min-width: 1025px) {
  .u-order_2_pc {
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
  }
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
  .u-order_2_tab {
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
  }
}
@media screen and (max-width: 767px) {
  .u-order_2_sp {
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
  }
}
.u-order_3 {
  -webkit-box-ordinal-group: 4;
      -ms-flex-order: 3;
          order: 3;
}

@media screen and (min-width: 1025px) {
  .u-order_3_pc {
    -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
            order: 3;
  }
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
  .u-order_3_tab {
    -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
            order: 3;
  }
}
@media screen and (max-width: 767px) {
  .u-order_3_sp {
    -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
            order: 3;
  }
}
.u-order_4 {
  -webkit-box-ordinal-group: 5;
      -ms-flex-order: 4;
          order: 4;
}

@media screen and (min-width: 1025px) {
  .u-order_4_pc {
    -webkit-box-ordinal-group: 5;
        -ms-flex-order: 4;
            order: 4;
  }
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
  .u-order_4_tab {
    -webkit-box-ordinal-group: 5;
        -ms-flex-order: 4;
            order: 4;
  }
}
@media screen and (max-width: 767px) {
  .u-order_4_sp {
    -webkit-box-ordinal-group: 5;
        -ms-flex-order: 4;
            order: 4;
  }
}
.u-order_5 {
  -webkit-box-ordinal-group: 6;
      -ms-flex-order: 5;
          order: 5;
}

@media screen and (min-width: 1025px) {
  .u-order_5_pc {
    -webkit-box-ordinal-group: 6;
        -ms-flex-order: 5;
            order: 5;
  }
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
  .u-order_5_tab {
    -webkit-box-ordinal-group: 6;
        -ms-flex-order: 5;
            order: 5;
  }
}
@media screen and (max-width: 767px) {
  .u-order_5_sp {
    -webkit-box-ordinal-group: 6;
        -ms-flex-order: 5;
            order: 5;
  }
}
/*-------------------------------
  u-anker
-------------------------------*/
.u-anker {
  position: relative;
  height: 0;
  visibility: hidden;
  opacity: 0;
  display: block;
  clear: both;
  content: "";
  width: 100%;
  -webkit-transform: translateY(-150px);
          transform: translateY(-150px);
}
.u-anker__wrapper {
  -webkit-transform: translateY(-122px);
          transform: translateY(-122px);
}
@media screen and (max-width: 767px) {
  .u-anker {
    clear: both;
    -webkit-transform: translateY(-75px);
            transform: translateY(-75px);
  }
  .u-anker__wrapper {
    -webkit-transform: translateY(-170px);
            transform: translateY(-170px);
  }
}
@media screen and (max-width: 767px) and (-ms-high-contrast: none) {
  .u-anker__wrapper {
    -webkit-transform: translateY(-75px);
            transform: translateY(-75px);
  }
}
.p-top--section1 {
	background: #dfebf7;
  }
  .p-top--section1__inner {
	padding-top: 100px;
	text-align: center;
  }
  .p-top--section1 hgroup {
	display: block;
  }
  .p-top--section1 hgroup picture {
	display: block;
	margin-top: 40px;
	margin-bottom: 50px;
  }
  .p-top--section1 hgroup picture img {
	height: auto;
	max-width: 100%;
  }
  .p-top--section1__movie {
	width: 850px;
	height: 501px;
	max-width: 100%;
	margin-inline: auto;
	background: url("https://goodhands-rpa.com/wp_2025/wp-content/themes/rpa/assets/images/top/img_top_service_subtitle.webp") 0 50% no-repeat;
	background-size: cover;
	padding-top: 50px;
  }
  .p-top--section1__movie video {
	width: 78%;
	aspect-ratio: 16/9;
  }
  .p-top--section1__list1 {
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
		-ms-flex-pack: center;
			justify-content: center;
	-webkit-box-align: center;
		-ms-flex-align: center;
			align-items: center;
	text-align: center;
	margin-inline: auto;
	gap: 20px;
	width: 1150px;
	max-width: 100%;
	margin-top: 40px;
  }
  .p-top--section1__list1 figure {
	-ms-flex-negative: 0;
		flex-shrink: 0;
  }
  .p-top--section1__list1 p {
	font-size: clamp(2.2rem, 1.071rem + 1.46vw, 3.2rem);
	color: #234993;
  }

  @media screen and (max-width: 1024px) {
	.p-top--section1 {
	  background: #dfebf7;
	}
	.p-top--section1__inner {
	  padding: 60px 20px;
	}
	.p-top--section1 hgroup picture {
	  margin-top: 30px;
	  margin-bottom: 30px;
	}
	.p-top--section1__movie {
	  width: 100%;
	  height: auto;
	  aspect-ratio: 16/9;
	  max-width: 100%;
	  margin-inline: auto;
	  background: url("https://goodhands-rpa.com/wp_2025/wp-content/themes/rpa/assets/images/top/img_top_service_subtitle@2x.webp") 50% 0% no-repeat;
	  background-size: contain;
	  padding-top: 6%;
	}
	.p-top--section1__movie video {
	  width: 75%;
	  height: auto;
	  aspect-ratio: 16/9;
	}
	.p-top--section1__list1 {
	  display: -moz-flex;
	  display: -ms-flex;
	  display: -o-flex;
	  display: -webkit-box;
	  display: -ms-flexbox;
	  display: flex;
	  -ms-flex-wrap: wrap;
		  flex-wrap: wrap;
	  gap: 20px;
	  margin-top: 30px;
	}
	.p-top--section1__list1 figure {
	  -ms-flex-negative: 0;
		  flex-shrink: 0;
	  -webkit-box-ordinal-group: 3;
		  -ms-flex-order: 2;
			  order: 2;
	  width: 70%;
	  margin-left: auto;
	  margin-right: auto;
	}
	.p-top--section1__list1 p {
	  font-size: clamp(1.8rem, 1.071rem + 0.66vw, 2rem);
	  -webkit-box-ordinal-group: 2;
		  -ms-flex-order: 1;
			  order: 1;
	}
  }
  .p-top--section2__bottom {
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	gap: 40px;
  }
  .p-top--section2__bottom > div {
	-webkit-box-ordinal-group: 2;
		-ms-flex-order: 1;
			order: 1;
  }
  .p-top--section2__bottom > div p {
	font-size: clamp(1.6rem, 1.043rem + 0.71vw, 2rem);
	font-family: YakuHanJP, "Zen Kaku Gothic Antique", sans-serif;
	font-weight: 700;
	font-style: normal;
	line-height: 1.8;
	margin-bottom: 40px;
  }
  .p-top--section2__bottom > div p:last-of-type {
	margin-bottom: 0;
  }
  .p-top--section2__bottom figure {
	-webkit-box-ordinal-group: 3;
		-ms-flex-order: 2;
			order: 2;
  }
  .p-top--section2__bottom figure img {
	max-width: 100%;
	height: auto;
  }

  @media screen and (max-width: 1024px) {
	.p-top--section2 {
	  border-bottom: 4px solid #63c4f0;
	}
	.p-top--section2:after {
	  height: 4px;
	  bottom: -4px;
	}
	.p-top--section2__bottom {
	  display: -moz-flex;
	  display: -ms-flex;
	  display: -o-flex;
	  display: -webkit-box;
	  display: -ms-flexbox;
	  display: flex;
	  -ms-flex-wrap: wrap;
		  flex-wrap: wrap;
	  gap: 40px;
	}
	.p-top--section2__bottom > div {
	  width: 100%;
	}
	.p-top--section2__bottom > div p {
	  font-size: clamp(1.4rem, 1.043rem + 0.71vw, 1.8rem);
	}
	.p-top--section2__bottom figure {
	  max-width: 70%;
	  margin-left: auto;
	  margin-right: auto;
	  margin-bottom: 40px;
	}
	.p-top--section2__bottom figure img {
	  max-width: 100%;
	  height: auto;
	}
  }
  .p-top--section3 {
	position: relative;
  }
  .p-top--section3__inner {
	margin: auto;
	text-align: center;
  }
  .p-top--section3__inner > p {
	margin-bottom: 40px;
	font-size: clamp(1.4rem, 1.043rem + 0.71vw, 1.8rem);
  }
  .p-top--section3__inner figure {
	width: 100%;
  }
  .p-top--section3__bottom1 {
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
		-ms-flex-align: center;
			align-items: center;
	-webkit-box-pack: center;
		-ms-flex-pack: center;
			justify-content: center;
	gap: 40px;
  }
  .p-top--section3__bottom1 figure {
	width: 200px;
	margin-left: -200px;
  }
  .p-top--section3__bottom1 > dl {
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	gap: 20px;
  }
  .p-top--section3__bottom1 > dl dt {
	width: 10em;
  }
  .p-top--section3__bottom1 > dl > dd {
	width: 100%;
	text-align: left;
  }
  .p-top--section3__bottom1 > dl > dd > ul {
	width: 100%;
  }
  .p-top--section3__bottom1 > dl > dd > ul li {
	text-align: left;
	font-size: clamp(1.4rem, 1.043rem + 0.71vw, 1.8rem);
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
		-ms-flex-align: center;
			align-items: center;
  }
  .p-top--section3__bottom1 > dl > dd > ul li:before {
	content: "";
	display: block;
	width: 3px;
	height: 3px;
	background: #000000;
	border-radius: 50%;
	margin-right: 10px;
  }
  .p-top--section3__bottom2 {
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
		-ms-flex-align: center;
			align-items: center;
	-webkit-box-pack: center;
		-ms-flex-pack: center;
			justify-content: center;
	gap: 40px;
	margin-bottom: 30px;
  }
  .p-top--section3__bottom2 figure {
	width: 200px;
	-webkit-box-ordinal-group: 3;
		-ms-flex-order: 2;
			order: 2;
	margin-left: -150px;
	-webkit-transform: translateY(-50px);
			transform: translateY(-50px);
  }
  .p-top--section3__bottom2 > p {
	-webkit-box-ordinal-group: 2;
		-ms-flex-order: 1;
			order: 1;
	font-size: clamp(1.4rem, 1.043rem + 0.71vw, 1.8rem);
  }
  .p-top--section3__list1 {
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	gap: 40px;
	margin-bottom: 60px;
  }
  .p-top--section3__list1__item {
	width: 100%;
	background: #428eb9;
	border: 2px solid #fff;
	border-radius: 10px;
	padding: 20px 20px;
	position: relative;
	color: #fff;
	padding-bottom: 160px;
  }
  .p-top--section3__list1__item h3 {
	font-size: clamp(1.6rem, 1.143rem + 0.81vw, 2.3rem);
	font-family: YakuHanJP, "Zen Kaku Gothic Antique", sans-serif;
	font-weight: 800;
	font-style: normal;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
		-ms-flex-align: center;
			align-items: center;
	-webkit-box-pack: center;
		-ms-flex-pack: center;
			justify-content: center;
	color: #234993;
	position: relative;
	height: 70px;
	font-weight: 700;
	line-height: 1.2;
	text-align: center;
	margin-bottom: 30px;
	border-radius: 10px;
	background: #fff;
  }
  .p-top--section3__list1__item p {
	font-size: clamp(1.3rem, 1.043rem + 0.61vw, 1.6rem);
	font-family: YakuHanJP, "Zen Kaku Gothic Antique", sans-serif;
	font-weight: 700;
	font-style: normal;
	line-height: 1.8;
  }
  .p-top--section3__list1__item figure {
	position: absolute;
	bottom: -2px;
	width: 100%;
	text-align: center;
  }
  .p-top--section3__list1__item figure img {
	max-width: 100%;
	height: auto;
  }
  .p-top--section3__list1__item:nth-of-type(2) figure {
	bottom: -5px;
  }

  @media screen and (max-width: 1024px) {
	.p-top--section3__inner {
	  gap: 30px;
	  padding: 0 0;
	}
	.p-top--section3__bottom1 {
	  display: -moz-flex;
	  display: -ms-flex;
	  display: -o-flex;
	  display: -webkit-box;
	  display: -ms-flexbox;
	  display: flex;
	  -ms-flex-wrap: wrap;
		  flex-wrap: wrap;
	  gap: 20px;
	}
	.p-top--section3__bottom1 figure {
	  width: 200px;
	  margin-left: auto;
	  margin-right: auto;
	}
	.p-top--section3__bottom1 > dl {
	  display: -moz-flex;
	  display: -ms-flex;
	  display: -o-flex;
	  display: -webkit-box;
	  display: -ms-flexbox;
	  display: flex;
	  gap: 20px;
	}
	.p-top--section3__bottom1 > dl dt {
	  width: 9em;
	  font-size: 1.15rem;
	}
	.p-top--section3__bottom1 > dl > dd {
	  width: 100%;
	}
	.p-top--section3__bottom1 > dl > dd > ul {
	  width: 100%;
	}
	.p-top--section3__bottom2 {
	  display: -moz-flex;
	  display: -ms-flex;
	  display: -o-flex;
	  display: -webkit-box;
	  display: -ms-flexbox;
	  display: flex;
	  -ms-flex-wrap: wrap;
		  flex-wrap: wrap;
	  gap: 20px;
	  margin-bottom: 30px;
	}
	.p-top--section3__bottom2 figure {
	  max-width: 80%;
	  margin: 30px auto;
	  -webkit-box-ordinal-group: 3;
		  -ms-flex-order: 2;
			  order: 2;
	  -webkit-transform: translateY(0);
			  transform: translateY(0);
	}
	.p-top--section3__bottom2 > p {
	  -webkit-box-ordinal-group: 2;
		  -ms-flex-order: 1;
			  order: 1;
	  font-size: clamp(1.2rem, 1.043rem + 0.71vw, 1.6rem);
	}
	.p-top--section3__list1 {
	  display: -moz-flex;
	  display: -ms-flex;
	  display: -o-flex;
	  display: -webkit-box;
	  display: -ms-flexbox;
	  display: flex;
	  -ms-flex-wrap: wrap;
		  flex-wrap: wrap;
	  gap: 40px;
	  margin-bottom: 40px;
	}
	.p-top--section3__list1__item {
	  width: 100%;
	  padding: 15px 15px;
	  padding-bottom: 0;
	}
	.p-top--section3__list1__item h3 {
	  font-size: clamp(1.6rem, 1.143rem + 0.81vw, 2.3rem);
	  height: 60px;
	  margin-bottom: 20px;
	}
	.p-top--section3__list1__item p {
	  font-size: clamp(1.3rem, 1.043rem + 0.61vw, 1.4rem);
	  margin-bottom: 60px;
	}
	.p-top--section3__list1__item figure {
	  position: relative;
	  bottom: 0px;
	  width: 300px;
	  max-width: 60%;
	  margin: 0 auto;
	}
	.p-top--section3__list1__item:nth-of-type(2) figure {
	  bottom: -5px;
	}
  }
  .p-top--section4 {
	position: relative;
  }
  .p-top--section4__inner {
	margin: auto;
  }
  .p-top--section4 hgroup {
	display: block;
  }
  .p-top--section4__item {
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	gap: 40px;
	margin-bottom: 100px;
  }
  .p-top--section4__item > div {
	width: 60%;
  }
  .p-top--section4__item h3 {
	font-size: clamp(2rem, 1.173rem + 0.95vw, 2.7rem);
	font-family: YakuHanJP, "Zen Kaku Gothic Antique", sans-serif;
	font-weight: 700;
	font-style: normal;
	color: #234993;
	position: relative;
	margin-bottom: 20px;
  }
  .p-top--section4__item p {
	font-size: clamp(1.2rem, 0.843rem + 0.471vw, 1.5rem);
	font-family: YakuHanJP, "Zen Kaku Gothic Antique", sans-serif;
	font-weight: 400;
	font-style: normal;
	line-height: 1.8;
	margin-top: 15px;
  }
  .p-top--section4__item p:nth-of-type(1) {
	font-size: clamp(1.6rem, 1.043rem + 0.61vw, 2rem);
	font-family: YakuHanJP, "Zen Kaku Gothic Antique", sans-serif;
	font-weight: 700;
	font-style: normal;
  }
  .p-top--section4__item p:last-of-type {
	margin-bottom: 0;
  }
  .p-top--section4__item figure {
	width: 420px;
	max-width: 40%;
	text-align: center;
  }
  .p-top--section4__item figure img {
	max-width: 100%;
	height: auto;
  }
  .p-top--section4__item:nth-of-type(2) figure {
	bottom: -5px;
  }
  .p-top--section4__item:nth-of-type(2) figure {
	-webkit-box-ordinal-group: 2;
		-ms-flex-order: 1;
			order: 1;
  }
  .p-top--section4__item:nth-of-type(2) div {
	-webkit-box-ordinal-group: 3;
		-ms-flex-order: 2;
			order: 2;
  }

  @media screen and (max-width: 1024px) {
	.p-top--section4__inner {
	  padding: 50px 0;
	}
	.p-top--section4__item {
	  display: -moz-flex;
	  display: -ms-flex;
	  display: -o-flex;
	  display: -webkit-box;
	  display: -ms-flexbox;
	  display: flex;
	  -ms-flex-wrap: wrap;
		  flex-wrap: wrap;
	  gap: 40px;
	  margin-bottom: 80px;
	}
	.p-top--section4__item > div {
	  width: 100%;
	}
	.p-top--section4__item h3 {
	  font-size: clamp(1.8rem, 1.173rem + 0.95vw, 2.2rem);
	  margin-bottom: 20px;
	}
	.p-top--section4__item p {
	  font-size: clamp(1.2rem, 0.843rem + 0.471vw, 1.5rem);
	  margin-top: 10px;
	}
	.p-top--section4__item figure {
	  width: 420px;
	  max-width: 80%;
	  margin: 0 auto;
	}
	.p-top--section4__item:nth-of-type(2) figure {
	  bottom: -5px;
	}
	.p-top--section4__item:nth-of-type(2) figure {
	  -webkit-box-ordinal-group: 3;
		  -ms-flex-order: 2;
			  order: 2;
	}
	.p-top--section4__item:nth-of-type(2) div {
	  -webkit-box-ordinal-group: 2;
		  -ms-flex-order: 1;
			  order: 1;
	}
  }
  .p-top--section5 {
	position: relative;
  }
  .p-top--section5 hgroup {
	display: block;
  }
  .p-top--section5__list {
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
		flex-wrap: wrap;
	gap: 20px;
  }
  .p-top--section5__item {
	width: calc(33.3333333333% - 20px);
	max-width: 100%;
	position: relative;
  }
  .p-top--section5__item__parent {
	background: url("https://goodhands-rpa.com/wp_2025/wp-content/themes/rpa/assets/images/top/p-top--section5__bg.webp") 0 0 no-repeat;
	background-size: 100%;
	padding: 30px 30px;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
		-ms-flex-direction: column;
			flex-direction: column;
	-webkit-box-pack: center;
		-ms-flex-pack: center;
			justify-content: center;
	position: relative;
	z-index: 2;
	height: 500px;
  }
  .p-top--section5__item__midashi {
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
		-ms-flex-align: center;
			align-items: center;
	-webkit-box-pack: center;
		-ms-flex-pack: center;
			justify-content: center;
	gap: 20px;
	font-size: clamp(2rem, 1.173rem + 0.95vw, 2.7rem);
	font-family: YakuHanJP, "Zen Kaku Gothic Antique", sans-serif;
	font-weight: 700;
	font-style: normal;
	color: #234993;
	-webkit-transform: translateX(-40px);
			transform: translateX(-40px);
  }
  .p-top--section5__item__hgroup {
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
		-ms-flex-align: center;
			align-items: center;
	-webkit-box-pack: center;
		-ms-flex-pack: center;
			justify-content: center;
	gap: 20px;
	margin-bottom: 20px;
  }
  .p-top--section5__item__subtitle {
	font-size: clamp(1.6rem, 1.043rem + 0.61vw, 2rem);
	line-height: 1.6;
	margin-top: 20px;
	margin-bottom: 0px;
	text-align: center;
  }
  .p-top--section5__item__text {
	text-align: left;
	font-size: clamp(1.2rem, 0.843rem + 0.471vw, 1.5rem);
	line-height: 1.6;
	margin-bottom: 0;
  }
  .p-top--section5__item a {
	margin-top: auto;
  }
  .p-top--section5__sera {
	top: 0;
	left: -120px;
	display: block;
	position: absolute;
	-webkit-transform: translateY(-100%);
			transform: translateY(-100%);
  }
  .p-top--section5__mascot1 {
	top: -80px;
	right: -40px;
	display: block;
	position: absolute;
	z-index: 2;
  }
  .p-top--section5__mascot2 {
	top: -55px;
	right: -30px;
	display: block;
	position: absolute;
	z-index: 0;
  }

  @media screen and (max-width: 1024px) {
	.p-top--section5__inner {
	  padding: 50px 0;
	}
	.p-top--section5 hgroup {
	  display: block;
	}
	.p-top--section5__list {
	  margin-top: 120px;
	}
	.p-top--section5__item {
	  width: 100%;
	}
	.p-top--section5__item__parent {
	  background: #f7f7f7;
	  padding: 30px 30px 60px 30px;
	  display: -moz-flex;
	  display: -ms-flex;
	  display: -o-flex;
	  display: -webkit-box;
	  display: -ms-flexbox;
	  display: flex;
	  border-radius: 20px;
	  -webkit-box-orient: vertical;
	  -webkit-box-direction: normal;
		  -ms-flex-direction: column;
			  flex-direction: column;
	  -webkit-box-pack: center;
		  -ms-flex-pack: center;
			  justify-content: center;
	  position: relative;
	  z-index: 2;
	  height: 500px;
	}
	.p-top--section5__item__midashi {
	  display: -moz-flex;
	  display: -ms-flex;
	  display: -o-flex;
	  display: -webkit-box;
	  display: -ms-flexbox;
	  display: flex;
	  -webkit-box-align: center;
		  -ms-flex-align: center;
			  align-items: center;
	  -webkit-box-pack: center;
		  -ms-flex-pack: center;
			  justify-content: center;
	  gap: 20px;
	  font-size: clamp(2rem, 1.173rem + 0.95vw, 2.7rem);
	  font-family: YakuHanJP, "Zen Kaku Gothic Antique", sans-serif;
	  font-weight: 700;
	  font-style: normal;
	  color: #234993;
	  -webkit-transform: translateX(-40px);
			  transform: translateX(-40px);
	}
	.p-top--section5__item__midashi picture {
	  width: 50px;
	}
	.p-top--section5__item__hgroup {
	  margin-bottom: 20px;
	}
	.p-top--section5__item__subtitle {
	  font-size: clamp(1.6rem, 1.043rem + 0.61vw, 2rem);
	  margin-top: 20px;
	}
	.p-top--section5__item__text {
	  font-size: clamp(1.3rem, 0.843rem + 0.471vw, 1.5rem);
	  line-height: 1.6;
	}
	.p-top--section5__item a {
	  margin-top: auto;
	}
	.p-top--section5__sera {
	  top: 0;
	  left: -30px;
	  display: block;
	  position: absolute;
	  width: 170px;
	  -webkit-transform: translateY(-100%);
			  transform: translateY(-100%);
	}
	.p-top--section5__mascot1 {
	  top: -60px;
	  right: -20px;
	  display: block;
	  width: 80px;
	  position: absolute;
	  z-index: 2;
	}
	.p-top--section5__mascot2 {
	  top: -25px;
	  right: -10px;
	  display: block;
	  width: 40px;
	  position: absolute;
	  z-index: 0;
	}
  }
  .p-top--section6__inner {
	max-width: 100%;
	margin: auto;
	padding: 0 0 60px 0;
  }
  .p-top--section6 hgroup {
	display: block;
  }

  @media screen and (max-width: 1024px) {
	.p-top--section6 {
	  background: #f7f7f7;
	  position: relative;
	}
	.p-top--section6__inner {
	  width: 1150px;
	  max-width: 100%;
	  margin: auto;
	  padding: 20px 0 0 0;
	}
	.p-top--section6 hgroup {
	  display: block;
	}
  }
  .p-top--section7 {
	background: #fff;
	position: relative;
  }
  .p-top--section7__inner {
	width: 1150px;
	max-width: 100%;
	margin: auto;
	padding: 100px 0;
  }
  .p-top--section7 hgroup {
	display: block;
  }
  .p-top--section7__h2 {
	font-family: YakuHanJP, "Zen Kaku Gothic Antique", sans-serif;
	font-weight: 800;
	font-style: normal;
	font-size: clamp(2.8rem, 1.371rem + 2.06vw, 3.8rem);
	line-height: 1.4;
	color: #1b284e;
	margin-bottom: 70px;
	border: 0!important;
	text-align: center;
	background: none!important;
  }
  .p-top--section7__h2 span {
	color: #bd1c24;
	font-size: clamp(3.8rem, 1.371rem + 2.46vw, 4.6rem);
  }
  .p-top--section7__h3 {
	font-size: clamp(1.6rem, 1.143rem + 0.81vw, 2.3rem);
	font-family: YakuHanJP, "Zen Kaku Gothic Antique", sans-serif;
	font-weight: 800;
	font-style: normal;
	color: #234993;
	position: relative;
	text-align: center;
	display: block;
	margin-bottom: 10px;
  }
  .p-top--section7__p {
	font-size: clamp(1.6rem, 1.143rem + 0.71vw, 2rem);
	margin-bottom: 60px;
  }
  .p-top--section7__office {
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
		flex-wrap: wrap;
	gap: 40px 50px;
	padding: 0 30px;
	margin-bottom: 60px;
  }
  .p-top--section7__office__item {
	max-width: calc(33.3333333333% - 50px);
	background: #fff;
	margin-bottom: 0px;
  }
  .p-top--section7__office__item figure {
	width: 100%;
  }
  .p-top--section7__office__item figure img {
	width: 100%;
	max-width: 100%;
	height: auto;
  }
  .p-top--section7__office__item a {
	width: 100%;
	display: block;
	text-align: center;
	color: #234993;
  }
  .p-top--section7__office__item .shop_access {
	background: #428eb9;
	color: #fff;
	text-align: center;
	padding: 10px 0;
	font-size: clamp(1.6rem, 1.143rem + 0.81vw, 2.3rem);
  }
  .p-top--section7__office__item .shop_address {
	padding: 15px 0;
	text-align: center;
  }
  .p-top--section7__link {
	width: 950px;
	max-width: 100%;
	margin: auto auto 50px auto;
  }
  .p-top--section7__link li {
	margin-bottom: 20px;
	color: #63c4f0;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
		flex-wrap: wrap;
	gap: 8px;
  }
  .p-top--section7__link li > span.area-text {
	display: block;
	width: 8em;
	line-height: 1;
	margin-bottom: 5px;
	padding-top: 3px;
	color: #2b2829;
	border-left: 4px solid #727171;
	padding-left: 5px;
  }
  .p-top--section7__link li a {
	color: #63c4f0;
	overflow: hidden;
	position: relative;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
		-ms-flex-align: center;
			align-items: center;
	-webkit-box-pack: center;
		-ms-flex-pack: center;
			justify-content: center;
	border-radius: 4px;
	height: 2em;
	padding: 0 6px;
	border: 1px solid #63c4f0;
	line-height: 1;
	font-size: clamp(1.4rem, 0.843rem + 0.51vw, 1.6rem);
	-webkit-transition: all 0.015s cubic-bezier(0.51, 0.11, 0.4, 0.9) 0.02s;
	-webkit-transition: all 0.15s cubic-bezier(0.51, 0.11, 0.4, 0.9) 0.02s;
	transition: all 0.15s cubic-bezier(0.51, 0.11, 0.4, 0.9) 0.02s;
  }
  .p-top--section7__link li a:hover {
	background: #63c4f0;
	color: #fff;
  }

  @media screen and (min-width: 1024px) and (max-width: 1440px) {
	.p-top--section7__h2 {
	  font-family: YakuHanJP, "Zen Kaku Gothic Antique", sans-serif;
	  font-weight: 800;
	  font-style: normal;
	  font-size: clamp(2.6rem, 1.371rem + 2.06vw, 3.6rem);
	  margin-bottom: 60px;
	  border: 0!important;
	  background: none!important;
	}
	.p-top--section7__h2 span {
	  font-size: clamp(3.6rem, 1.371rem + 2.46vw, 4.4rem);
	}
	.p-top--section7__h3 {
	  font-size: clamp(1.6rem, 1.143rem + 0.81vw, 2.2rem);
	}
	.p-top--section7__p {
	  font-size: clamp(1.5rem, 1.143rem + 0.71vw, 1.8rem);
	  margin-bottom: 50px;
	}
	.p-top--section7__office {
	  gap: 30px 50px;
	  padding: 0 30px;
	  margin-bottom: 60px;
	}
	.p-top--section7__office__item {
	  max-width: calc(33.3333333333% - 30px);
	}
	.p-top--section7__office__item .shop_access {
	  background: #428eb9;
	  color: #fff;
	  text-align: center;
	  padding: 8px 0;
	  font-size: clamp(1.5rem, 1.143rem + 0.81vw, 2.1rem);
	}
	.p-top--section7__office__item iframe {
	  max-width: 100%;
	  aspect-ratio: 16/9;
	}
  }
  @media screen and (max-width: 1024px) {
	.p-top--section7__inner {
	  padding: 50px 0;
	}
	.p-top--section7__h2 {
	  font-size: clamp(2rem, 1.371rem + 2.06vw, 2.4rem);
	  margin-bottom: 40px;
	}
	.p-top--section7__h2 span {
	  color: #bd1c24;
	  font-size: clamp(2.2rem, 1.371rem + 2.46vw, 2.8rem);
	}
	.p-top--section7__h3 {
	  font-size: clamp(1.6rem, 1.143rem + 0.81vw, 2rem);
	  margin-bottom: 10px;
	}
	.p-top--section7__p {
	  font-size: clamp(1.4rem, 1.043rem + 0.71vw, 1.8rem);
	  margin-bottom: 40px;
	}
	.p-top--section7__office {
	  gap: 20px;
	  padding: 0 20px;
	  margin-bottom: 40px;
	}
	.p-top--section7__office__item {
	  width: 100%;
	  max-width: 100%;
	  margin-bottom: 0px;
	}
	.p-top--section7__office__item img {
	  width: 100%;
	  height: auto;
	}
	.p-top--section7__office__item .shop_access {
	  padding: 10px 0;
	  font-size: clamp(1.6rem, 1.143rem + 0.81vw, 2.3rem);
	}
	.p-top--section7__office__item iframe {
	  width: 100%;
	  aspect-ratio: 16/9;
	}
	.p-top--section7__office__item .shop_address {
	  padding: 15px 0;
	  text-align: center;
	}
	.p-top--section7__link {
	  margin: auto auto 40px auto;
	}
	.p-top--section7__link li > span.area-text {
	  display: block;
	  width: 100%;
	}
	.p-top--section7__link li a {
	  padding: 0 5px;
	  font-size: clamp(1.3rem, 0.543rem + 0.51vw, 1.4rem);
	}
  }
  .p-top--section8 {
	position: relative;
  }
  .p-top--section8__inner {
	max-width: 100%;
	margin: auto;
  }
  .p-top--section8 hgroup {
	display: block;
  }
  .p-top--section8__p {
	font-size: clamp(1.6rem, 1.143rem + 0.71vw, 2rem);
	margin-bottom: 100px;
	text-align: center;
  }
  .p-top--section8__list {
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
		-ms-flex-pack: justify;
			justify-content: space-between;
	gap: 20px;
	margin-bottom: 60px;
  }
  .p-top--section8__list__item {
	width: calc(25% - 15px);
	max-width: 100%;
	background: #fff;
	position: relative;
	border: 3px solid #fff;
	border-radius: 10px;
  }
  .p-top--section8__list__item:nth-of-type(1) {
	background: #a8d9dd;
  }
  .p-top--section8__list__item:nth-of-type(2) {
	background: #cde9fa;
  }
  .p-top--section8__list__item:nth-of-type(3) {
	background: #fdf0dd;
	position: relative;
  }
  .p-top--section8__list__item:nth-of-type(3):before {
	content: "";
	display: block;
	width: 171px;
	height: 70px;
	background: url("https://goodhands-rpa.com/wp_2025/wp-content/themes/rpa/assets/images/top/img_plan_thumb.webp") 0 0 no-repeat;
	position: absolute;
	top: 0;
	left: 50%;
	z-index: 1;
	-webkit-transform: translate(-50%, -70%);
			transform: translate(-50%, -70%);
  }
  .p-top--section8__list__item:nth-of-type(4) {
	background: #f0e9f0;
  }
  .p-top--section8__list__item ul {
	padding: clamp(10px, 1.2vw, 20px);
  }
  .p-top--section8__list__item ul li {
	font-size: clamp(1.3rem, 0.843rem + 0.61vw, 1.5rem);
	font-family: YakuHanJP, "Zen Kaku Gothic Antique", sans-serif;
	font-weight: 800;
	font-style: normal;
	color: #033333;
	line-height: 1.6;
	list-style: none;
  }
  .p-top--section8__list__h3 {
	font-size: clamp(1.8rem, 1.043rem + 0.891vw, 2.5rem);
	font-family: YakuHanJP, "Zen Kaku Gothic Antique", sans-serif;
	font-weight: 800;
	font-style: normal;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
		-ms-flex-align: center;
			align-items: center;
	-webkit-box-pack: center;
		-ms-flex-pack: center;
			justify-content: center;
	color: #fff;
	white-space:nowrap;
	text-align: center;
	position: relative;
	font-style: italic;
	border-radius: 10px 10px 0 0;
	height: 80px;
	letter-spacing: -0.08em;
  }
  .p-top--section8__list__h3.green {
	background: #00a39a !important;
  }
  .p-top--section8__list__h3.blue {
	background: #036eb7 !important;
  }
  .p-top--section8__list__h3.orange {
	background: #f29600 !important;
  }
  .p-top--section8__list__h3.purple {
	background: #8c4d99 !important;
  }

  @media screen and (min-width: 1024px) and (max-width: 1440px) {
	.p-top--section8__inner {
	  padding: 80px 0;
	}
	.p-top--section8__p {
	  font-size: clamp(1.4rem, 1.143rem + 0.71vw, 1.8rem);
	  margin-bottom: 50px;
	}
  }
  @media screen and (max-width: 1024px) {
	.p-top--section8__inner {
	  padding: 0 0 50px 0;
	}
	.p-top--section8__p {
	  font-size: clamp(1.4rem, 1.143rem + 0.71vw, 1.6rem);
	  margin-bottom: 40px;
	}
	.p-top--section8__list {
	  display: -moz-flex;
	  display: -ms-flex;
	  display: -o-flex;
	  display: -webkit-box;
	  display: -ms-flexbox;
	  display: flex;
	  -ms-flex-wrap: wrap;
		  flex-wrap: wrap;
	  gap: 20px;
	  margin-bottom: 60px;
	}
	.p-top--section8__list__item {
	  width: 100%;
	  border: 3px solid #fff;
	  border-radius: 10px;
	  margin-bottom: 10px;
	}
	.p-top--section8__list__item:nth-of-type(3) {
	  margin-top: 30px;
	  background: #fdf0dd;
	  position: relative;
	}
	.p-top--section8__list__item:nth-of-type(3):before {
	  width: 171px;
	  height: 70px;
	  background: url("https://goodhands-rpa.com/wp_2025/wp-content/themes/rpa/assets/images/top/img_plan_thumb@2x.webp") 0 0 no-repeat;
	  background-size: contain;
	  position: absolute;
	  top: 0;
	  left: 50%;
	  z-index: 1;
	  -webkit-transform: translate(-50%, -70%);
			  transform: translate(-50%, -70%);
	}
	.p-top--section8__list__item ul {
	  padding: 15px;
	}
	.p-top--section8__list__item ul li {
	  font-size: clamp(1.3rem, 0.843rem + 0.61vw, 1.5rem);
	}
	.p-top--section8__list__h3 {
	  height: 60px;
	}
  }

/*-------------------------------
  midashi
-------------------------------*/
.c-midashi1 {
	font-size: clamp(4.8rem, -1.736rem + 7.11vw, 7.2rem);
	text-align: center;
	line-height: 1.2;
	font-weight: 500;
	color: #233447;
  }

  .c-midashi2 {
	font-family: YakuHanJP, "Zen Kaku Gothic Antique", sans-serif;
	font-weight: 800;
	font-style: normal;
	font-size: clamp(2.6rem, 1.371rem + 2.06vw, 3.8rem);
	line-height: 1.4;
	white-space: nowrap;
	text-align: center;
	color: #234993;
	border: 0!important;
	background: none!important;
}
  .c-midashi2__green {
	color: #08756d;
  }
  .c-midashi2__black {
	color: #000000;
  }
  .c-midashi2__black2 {
	color: #333;
  }
  .c-midashi2__top {
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
		-ms-flex-pack: center;
			justify-content: center;
	-webkit-box-align: center;
		-ms-flex-align: center;
			align-items: center;
	text-align: left;
	gap: 20px;
	text-align: left;
	border: 0!important;
	background: none!important;
}
  .c-midashi2__office {
	color: #1b284e;
  }
  .c-midashi2__office span {
	font-size: clamp(3.6rem, 1.771rem + 2.46vw, 4.2rem);
	color: #bd1c24;
	font-family: YakuHanJP, "Noto Sans JP", "Yu Gothic", "游ゴシック", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, sans-serif;
	display: inline-block;
	padding-left: 4px;
	padding-right: 4px;
  }

  @media screen and (max-width: 1024px) {
	.c-midashi2 {
	  font-size: clamp(1.6rem, 1.071rem + 1.46vw, 2.2rem);
	  white-space: wrap;
	}
  }
  .c-midashi3 {
	font-family: YakuHanJP, "Zen Kaku Gothic Antique", sans-serif;
	font-weight: 800;
	font-style: normal;
	font-size: clamp(2.4rem, 1.071rem + 1.36vw, 3.4rem);
	line-height: 1.4;
	padding: 5px 10px;
	text-align: center;
	background: #143883;
	color: #fff;
	text-align: center;
  }
  .c-midashi3.redbg {
	background: #d14a56;
  }
  .c-midashi3.bluebg {
	background: #eff8fd;
  }
  .c-midashi3.green2 {
	background: #0094a1;
  }
  .c-midashi3.orange {
	background: #f29600;
  }
  .c-midashi3.green {
	background: #08756d;
  }
  .c-midashi3.yellow {
	background: -webkit-gradient(linear, left top, right top, from(#a68411), color-stop(#eacb21), to(#a68411));
	background: linear-gradient(to right, #a68411, #eacb21, #a68411);
  }

  @media screen and (max-width: 1024px) {
	.c-midashi3 {
	  padding: 10px 10px;
	  font-size: clamp(1.6rem, 1.071rem + 1.06vw, 2.4rem);
	}
  }
  #st-header{
	position: relative;
  }

  .st-headerbox__text{
	border-radius: 20px;
	padding:0 20px;
	background: rgba(255, 255, 255, 0.83);
	font-size: clamp(1.6rem, 1.071rem + 1.06vw, 2.4rem);
	line-height: 1.6;
	text-align: center;
	margin-top: 20px;
	margin-bottom: 20px;
	display: flex;
	box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.1);
	gap:20px;
	align-items: center;
	position: absolute;
	bottom: 40px;
	left: 50%;
	text-align: left;
	transform: translate(-50%, 0%);
	z-index: 1;
	margin: auto;
	max-width: 100%;
	width: 760px;
  }

  .st-headerbox__text p{
	font-size: clamp(1.6rem, 1.071rem + 0.76vw, 1.8rem);
margin-bottom: 	0;
line-height: 1.8;
padding-bottom: 0;
font-weight: 700;
  }

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

	.st-headerbox__text{
		border-radius: 10px;
		background: rgba(255, 255, 255, 0.83);
		font-size: clamp(1.6rem, 1.071rem + 1.06vw, 2.4rem);
		line-height: 1.6;
		text-align: center;
		margin-top: 20px;
		margin-bottom: 20px;
		display: flex;
		box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.1);
		gap:20px;
		align-items: center;
		position: relative;
		bottom: auto;
		left: auto;
		transform: translate(0%, 0%);
		z-index: 1;
		margin: 20px auto auto auto;
		max-width: calc(100% - 20px);
	  }

	  .st-headerbox__text picture{
		width: 80px;
	  }
	  .st-headerbox__text p{
		text-align: left;
		font-size: clamp(1.0rem, 0.871rem + 0.56vw, 1.2rem);
	line-height: 1.6;
	  }
  }
chat{
	display:none!important;
}
.chat_btn{
	pointer-events: none;
	opacity:0.5;
	
}