@charset "UTF-8";

#pagebody {
  border-bottom: 1px solid #c0c3c4;
}





/*m_img 
---------------------------------------------------------*/
.contentpage.topics .m_img_area{
	margin: 100px auto 60px;
	padding-bottom: 0;
}
.contentpage.topics .m_title{
	position: static;
	display: flex;
	align-items: center;
}
.contentpage.topics .m_img_area .m_title p{
	font-size: 555%;
}
.contentpage.topics .m_img_area .m_title h2{
	margin-left: 1em;
}

/* Tablet (Portrait)
------------------------------------------*/
@media only screen and (min-width: 768px) and (max-width: 959px) {
.contentpage.topics .m_img_area{
	margin: 9vw auto 5vw;
}
}

/* Mobile (Portrait)
------------------------------------------*/
@media only screen and (max-width: 767px) {
.contentpage.topics .m_img_area{
	margin: 10vw auto 6vw;
}
.contentpage.topics .m_img_area .m_title p{
	font-size: 430%;
}
}





/*共通
--------------------------------------------------------------------*/
.topics_content {
	position: relative;
	z-index: 1;
}
pre {
	white-space: pre-wrap;
}
article {
	box-sizing: border-box;
	border-top: solid 1px #d4d4d4;
	padding: 60px 0;
}
article:first-of-type {
	border-top: none;
}
article img {
	margin-left: 0;
}
.single_page .entry-inf {
	margin-bottom: 3em;
}

.entry-inf {
	margin-bottom: 1.2em;
}
.entry-inf a {
	text-decoration: none !important;
	transition: all 0.5s;
}
.entry-inf a:hover {
	transition: all 0.2s;
	opacity: 0.6;
}
/* 日付 */
.entry-date {
	font-family: "futura-pt", sans-serif;
	font-weight: 400;
	font-style: normal;
	letter-spacing: .15em;
	line-height: 1.5em;
	margin-bottom: .5em;
	color: #74b5a7;
}
/* タイトル */
.entry-title {
	font-family: dnp-shuei-mincho-pr6, sans-serif;
	font-weight: 500;
	font-style: normal;
	font-size: 190%;
	letter-spacing: .15em;
	line-height: 1.6em;
}

/* 記事 */
.txt_summary {
	font-size: 95%;
}
.txt_summary a,
.entry-content a {
	color: #74b5a7;
	text-decoration: underline;
}
.txt_summary a:hover {
	text-decoration: none;
}

/* Tablet (Portrait)
------------------------------------------*/
@media only screen and (min-width: 768px) and (max-width: 959px) {
	
article {
	padding: 5% 0;
}
.entry-inf {
	margin-bottom: .8em;
}
.single_page .entry-inf {
	margin-bottom: 2em;
}
/* 日付 */
.entry-date {
	font-size: 115%;
}
/* タイトル */
.entry-title {
	font-size: 170%;
	letter-spacing: .1em;
}
}

/* Mobile (Portrait)
------------------------------------------*/
@media only screen and (max-width: 767px) {

article {
	padding: 10% 0;
}
.entry-inf {
	margin-bottom: 1em;
}
.single_page .entry-inf {
	margin-bottom: 2em;
}

/* 日付 */
.entry-date {
	font-size: 105%;
	letter-spacing: .15em;
}
/* タイトル */
.entry-title {
	font-size: 140%;
	letter-spacing: .05em;
}
}





/*子カテゴリー
--------------------------------------------------------------------*/
/*子カテゴリーリンク*/
.cat_select {
	margin-bottom: 50px;
}
.cat_select .child_cat_list {
	display: none;
}

/*記事内子カテゴリー*/
article .child_cat_list2 {
	display: flex;
    flex-wrap: wrap;
}
article .child_cat_list2 li {
	color: #999999;
	font-size: 90%;
	letter-spacing: .05em;
	line-height: 1.2em;
	border: solid 1px #999999;
	padding: .2em 1.0em;
	border-radius: 2em;
	margin-top: 1.0em;
	margin-right: 5px;
}

/* Tablet (Portrait)
------------------------------------------*/
@media only screen and (min-width: 768px) and (max-width: 959px) {
/*子カテゴリーリンク*/
.cat_select .child_cat_list > li a {
	letter-spacing: .05em;
}
}

/* Mobile (Portrait)
------------------------------------------*/
@media only screen and (max-width: 767px) {
/*子カテゴリーリンク*/
.cat_select .child_cat_list > li {
	width: 48%;
	margin-right: 4%;
	margin-top: 3%;
}
.cat_select .child_cat_list > li:nth-of-type(even) {
	margin-right: 0;
}
.cat_select .child_cat_list > li:nth-of-type(-n+2) {
	margin-top: 0;
}
.cat_select .child_cat_list > li a {
	font-size: 90%;
	letter-spacing: normal;
	padding: .6em 1em;
}

/*記事内子カテゴリー*/
article .child_cat_list2 li {
	font-size: 80%;
	margin-top: .5em;
}
}





/*一覧ページ
--------------------------------------------------------------------*/
.entry_list .float_box .img_thumbnail {
	float: left;
	width: 24%;
	max-width: 300px;
	text-align: center;
	position: relative;
	overflow: hidden;
	box-sizing: border-box;
}
.entry_list .float_box .img_thumbnail:before {
    content:"";		/*高さ*/
    display: block;
    padding-top: 66.7%;
}
.entry_list .float_box .img_thumbnail img {
	position: absolute;
	z-index: 0;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	margin: auto;
	text-align: center;
	background-color: #f4f4ee;
}
.entry_list .float_box .txt_box {
	width: 72%;
	float: right;
}

/* アーカイブタイトル */
.archive-title {
	display: none;
	font-size: 140%;
	letter-spacing: .1em;
	line-height: 2.0em;
}

/* Tablet (Portrait)
------------------------------------------*/
@media only screen and (min-width: 768px) and (max-width: 959px) {
.entry_list .float_box .img_thumbnail {
	width: 28%;
}
.entry_list .float_box .txt_box {
	width: 69%;
}
/* アーカイブタイトル */
.archive-title {
	font-size: 130%;
}
}

/* Mobile (Portrait)
------------------------------------------*/
@media only screen and (max-width: 767px) {
.entry_list .float_box .img_thumbnail {
	float: none;
	width: 60%;
	margin: 0 auto 1.0em;
}
.entry_list .float_box .txt_box {
	width: 100%;
	float: none;
}

/* アーカイブタイトル */
.archive-title {
	font-size: 90%;
}
}





/*個別ページ
--------------------------------------------------------------------*/
.single_page article {
	padding-bottom: 150px;
}
.single_page article p {
	margin-top: 1.5em;
}
.single_page article p:first-child {
	margin-top: 0;
}

/* 画像 */
article img.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
}
article img.alignright {
	padding-left: 1.0em;
	padding-bottom:.5em;
	display: inline;
}
article img.alignleft {
	padding-right: 1.0em;
	padding-bottom: .5em;
	display: inline;
}	
article .alignright {
	float: right;
}
article .alignleft {
	float: left;
}

/* 前後の記事へ */
.single_page .page_link {
	font-size: 105%;
	letter-spacing: .15em;
	line-height: 1.4em;
	margin-top: 1.5em;
}
.single_page .page_link li {
	position: relative;
	width: 48%;
	max-width: max-content;
}
.single_page .page_link li.flt_l {
	text-align: left;
}
.single_page .page_link li.flt_r {
	text-align: right;
}
.single_page .page_link a {
	position: relative;
	display: inline-block;
	text-decoration: none;
	padding-top: .5em;
	padding-bottom: .5em;
	z-index: 1;
}
.single_page .page_link li.flt_l a{
	padding-left: 1.5em;
	position: relative;
}
.single_page .page_link li.flt_l a::before{
	position: absolute;
	font-family: "fontello";
	content: '\e809';
	font-size: 0.8em;
	transform: scale(-1, 1) ;
	left: 0;
	top:0.65em;
}
.single_page .page_link li.flt_r a{
	padding-right: 1.5em;
	position: relative;
}
.single_page .page_link li.flt_r a::before{
	position: absolute;
	font-family: "fontello";
	content: '\e809';
	font-size: 0.8em;
	right: 0;
	top:0.65em;
}
.single_page .list_link {
	margin-top: 80px;
	text-align: center;
}
.single_page .com_link1:hover a{
	color:#74b5a7;
}
.single_page .com_link1:hover span::before{
	color:#74b5a7;
}

/* Tablet (Portrait)
------------------------------------------*/
@media only screen and (min-width: 768px) and (max-width: 959px) {
.single_page article {
	padding-bottom: 10%;
}
.single_page .page_link {
	letter-spacing: .05em;
}
.single_page .list_link {
	margin-top: 6%;
}
}

/* Mobile (Portrait)
------------------------------------------*/
@media only screen and (max-width: 767px) {
.single_page article {
	padding-bottom: 15%;
}
.single_page article p {
	margin-top: 1.0em;
}
	
/* 前後の記事へ */
.single_page .page_link {
	width: 100%;
	font-size: 100%;
	letter-spacing: normal;
	line-height: 1.4em;
	margin-top: .8em;
}
.single_page .page_link li {
	width: 100%;
}
.single_page .list_link {
	margin-top: 3em;
}
	
/* 画像 */
article img.aligncenter {
	text-align: center;
	margin-left: auto;
	margin-right: auto;
}
article img.alignright,
article img.alignleft {
	padding: 0;
	margin: 0 auto;
	text-align: center;
}	
article .alignright,
article .alignleft {
	float: none;
}
}





/*page number
-----------------------------------------------------*/
.wp-pagenavi {
	clear: both;
	width: 100%;
	font-family: "futura-pt", sans-serif;
	font-weight: 400;
	font-style: normal;
	font-size: 110%;
	letter-spacing: 0;
	display: inline-block;
	vertical-align: middle;
	text-align: center;
	background: transparent;
	padding-top: 50px;
}
.wp-pagenavi .pages {
	display: none;
}
.wp-pagenavi span,
.wp-pagenavi a {	
	display: inline-block;
	vertical-align: middle;
	text-align: center;
	line-height: 1;
	width: 1em;
	height: 1em;
	box-sizing: border-box;
	margin: 0 0.6em;
	position: relative;
}

/* 現在地 */
.wp-pagenavi span.current,
.wp-pagenavi a.page:hover {
	color: #74b5a7 ;
}
/* 左右の矢印 */
.wp-pagenavi .nextpostslink,
.wp-pagenavi .previouspostslink {
	position: relative;
	width: .5em;
	height: .5em;
}
.wp-pagenavi .nextpostslink::after,
.wp-pagenavi .previouspostslink::after {
	position: absolute;
	font-family: "fontello";
	content: '\e809';
	font-size: 1.4em;;
	left: 0;
	top: -0.4em;
	color: #71afa1;
}
.wp-pagenavi .previouspostslink::after {
	right: 0;
	transform: scale(-1, 1);
}

/* Tablet (Portrait)
------------------------------------------*/
@media only screen and (min-width: 768px) and (max-width: 959px) {
.wp-pagenavi {
	font-size: 130%;
	padding-top: 8%;
}
}

/* Mobile (Portrait)
------------------------------------------*/
@media only screen and (max-width: 767px) {
.wp-pagenavi {
	font-size: 110%;
	padding-top: 10%;
}
}

 
 
/*ウィジェット
-----------------------------------------------------*/
.wp_f_box {
	padding: 120px 0;
}
.wp_f_box .widget_box {
	display: flex;
	justify-content: space-between;
}

.widget_box .near_box {
	width: 50%;
}
.widget_box .calendar_box {
	position: relative;
	width: 44%;
	font-size: 95%;
}

.widget_box .wid_index {
	font-size: 120%;
	font-family: dnp-shuei-mincho-pr6, sans-serif;
	font-weight: 500;
	font-style: normal;
	letter-spacing: .15em;
	line-height: 1.5em;
	margin-bottom: .3em;
}
.widget_box .near_list > li {
	font-size: 95%;
	line-height: 1.4em;
	overflow: hidden;
}
.widget_box .near_list a {
	display: block;
	position: relative;
	padding: .8em 0;
	padding-left: 1.2em;
	border-bottom: solid 1px #d4d4d4;
}
.widget_box .near_list a:hover{
	color: #74b5a7;
}
.widget_box .near_list a::before {
	position: absolute;
	content: "";
	background: #74b5a7;
	width:  0.45em;
	height: 0.45em;
	border-radius: 0.457em;
	left: 0;
	top: 50%;
	transform: translateY(-50%);
}

.widget_box #wp-calendar {
	border: none;
	width: 100%;
	margin: 0 auto;
	text-align: center;
	position: relative;
	background: #fff;
}
.widget_box #wp-calendar caption,
.widget_box #wp-calendar tfoot {
	line-height: 1.0em;
}
.widget_box #wp-calendar caption {
	letter-spacing: .2em;
	padding-bottom: .7em;
}

.widget_box #wp-calendar tr {
	padding: 0 5%;
}
.widget_box #wp-calendar thead th {
	background: #74b5a7;
 	font-style: normal;
	font-weight: normal;
	color: #fff;
	line-height: 1.0em;
	padding: 1.0em 0;
}
.widget_box #wp-calendar tbody {
	background-color: #FFF;
}
.widget_box #wp-calendar tbody td {
	padding: .5em 0;
}
.widget_box #wp-calendar tbody a {
	color: #b9d7de;
	text-decoration: underline;
}
.widget_box #wp-calendar tbody a:hover {
	opacity: 0.6;
	text-decoration: none;
}

.widget_box #wp-calendar tfoot {
	width: 100%;
	position: absolute;
	top: 0;
}
.widget_box #wp-calendar #prev {
	position: absolute;
	left: 0;
	top: 0;
	width: 100px;
	text-align: center;
}
.widget_box #wp-calendar #next {
	position: absolute;
	right: 0;
	top: 0;
	width: 100px;
	text-align: center;
}
.widget_box #wp-calendar tfoot a {
	font-weight: normal;
	text-decoration: none;
	display: block;
	position: relative;
}
.widget_box #wp-calendar tfoot a::before {
	position: absolute;
	font-family: "fontello";
	content: '\e801';
	font-size: 0.75em;
	top: -0.1em;
}
.widget_box #wp-calendar #prev a::before {
	left: 0;
	transform: scale(-1, 1);
}
.widget_box #wp-calendar #next a::before {
	right: 0;
	
}
.widget_box #wp-calendar tfoot a:hover {
	opacity: 0.8;
}

.widget_box .wp-calendar-nav {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	text-align: center;
	line-height: 1.2em;
}
.widget_box .wp-calendar-nav span {
	display: inline-block;
	position: absolute;
	top: 0;
}
.widget_box .wp-calendar-nav .wp-calendar-nav-prev {
	left: 0;
}
.widget_box .wp-calendar-nav .wp-calendar-nav-next {
	right: 0;
}

/* Tablet (Portrait)
------------------------------------------*/
@media only screen and (min-width: 768px) and (max-width: 959px) {
.wp_f_box {
	padding: 9% 0;
}
.widget_box .wid_index {
	font-size: 115%;
	letter-spacing: .15em;
}
.widget_box .near_list > li {
	font-size: 100%;
}
	
.widget_box #wp-calendar caption,
.widget_box #wp-calendar tfoot {
	font-size: 100%;
	letter-spacing: .1em;
}
}

/* Mobile (Portrait)
------------------------------------------*/
@media only screen and (max-width: 767px) {
.wp_f_box {
	padding: 14% 0;
}
.wp_f_box .widget_box {
	display: block;
}
.widget_box .near_box {
	width: 100%;
	float: none;
	font-size: 90%;
}
.widget_box .calendar_box {
	width: 100%;
	max-width: auto;
	float: none;
	margin: 10% auto 0;
}
.widget_box .wid_index {
	font-size: 115%;
	letter-spacing: .1em;
	margin-bottom: .5em;
}
.widget_box .near_list > li {
	font-size: 100%;
}
}





/*採用
--------------------------------------------------------------------*/
.contentpage .m_img::before{
	background-image: url("../images/content/m_img@2x.jpg")!important ;
}
.recruit .txt_bosyu {
	color: #3eaab0;
	font-size: 156%;
	letter-spacing: .1em;
	line-height: 1.8em;
	font-weight: bold;
}
.recruit .tbl_bosyu {
	width: 100%;
	border-top: solid 1px #d4d4d4;
}
.recruit .tbl_bosyu th,
.recruit .tbl_bosyu td {
	border-bottom: solid 1px #d4d4d4;
	vertical-align: middle;
	box-sizing: border-box;
	padding: 35px 3%;
}
.recruit .tbl_bosyu th {
	width: calc(100% - 920px);
	font-size: 105%;
	text-align: center;
	vertical-align: top;
	letter-spacing: .15em;
	line-height: 1.6em;
	color: #3eaab0;
	padding: 35px 0;
	border-right: solid 1px #d4d4d4;
}
.recruit .tbl_bosyu td{
	font-size: 95%;
	letter-spacing: .1em;
	line-height: 1.8em;
	width: 920px;
	vertical-align: top;
}
.recruit .tbl_bosyu td p {
	margin-top: 1.5em;
}
.recruit .tbl_bosyu td p:first-of-type {
	margin-top: 0;
}
.recruit .tbl_bosyu .mobile_attention {
	margin-top: 1.5em;
}

/* Tablet (Portrait)
------------------------------------------*/
@media only screen and (min-width: 768px) and (max-width: 1140px) {
.recruit .tbl_bosyu th {
	width: 155px;
}
.recruit .tbl_bosyu td{
	width: calc(100% - 155px);
}
}

/* Tablet (Portrait)
------------------------------------------*/
@media only screen and (min-width: 768px) and (max-width: 959px) {
.recruit .bosyu {
	padding: 8vw 0 13vw;
}
.recruit .txt_bosyu {
	font-size: 126%;
	letter-spacing: .1em;
}
.recruit .tbl_bosyu th,
.recruit .tbl_bosyu td {
	padding: 2vw 3%;
}
.recruit .tbl_bosyu th {
	letter-spacing: .1em;
	padding: 2vw 2%;
}
}

/* Mobile (Portrait)
------------------------------------------*/
@media only screen and (max-width: 767px) {
.recruit .bosyu {
	padding: 10vw 0 15vw;
}
.recruit .txt_bosyu {
	font-size: 106%;
	letter-spacing: .05em;
}
.recruit .tbl_bosyu tr,
.recruit .tbl_bosyu th,
.recruit .tbl_bosyu td {
	display: block;
	box-sizing: border-box;
	width: 100% !important;
}
.recruit .tbl_bosyu th,
.recruit .tbl_bosyu td {
	padding: .7em 1.5%;
}
.recruit .tbl_bosyu th {
	text-align: center;
	letter-spacing: .1em;
	border-right: none;
	border-bottom: none;
	padding-bottom: 0;
}
.recruit .tbl_bosyu td {
	padding-bottom: 1.5em;
	font-size: 100%;
}
}




/*メールフォーム
---------------------------------------------------------*/
.com_form{
	margin-top: 70px;
}
.com_form .asterisk{
	font-size: 95%;
	letter-spacing: 0.1em;
	line-height: 1.5em;
	text-align: left;
	margin-bottom: 0.8em;
}
.com_form .mail_txt{
	margin-top: 1.5em;
	color: #3eaab0;
}
.com_form .required {
	color: #3eaab0;
	font-weight: normal;
	margin-left: 0.25em;
}
.com_form .tbl_form {
	width: 100%;
	font-size: 95%;
	letter-spacing: 0.1em;
	line-height: 1.8em;
}
.com_form .tbl_form tr:nth-child(odd) {
		background-color: rgba(212,212,212,0.2);
}
.com_form .tbl_form th,
.com_form .tbl_form td {
	text-align: left;
}
.com_form .tbl_form th {
	width: 24%;
	padding: 30px 3% 30px 3%;
	vertical-align: top;
	line-height: 1.6em;
}
.com_form .tbl_form th span{
	font-weight: normal;
}
.com_form .tbl_form td {
	width: 76%;
	padding: 30px 3% 30px 0;
	vertical-align: middle;
}

/* Tablet (Portrait)
------------------------------------------*/
@media only screen and (min-width: 768px) and (max-width: 1040px) {
.com_form .tbl_form th {
	width: 28%;
	padding: 2.5vw 3%;
}
.com_form .tbl_form td {
	width:72%;
	padding: 2.5vw 3% 2.5vw 0;
}
}

/* Tablet (Portrait)
------------------------------------------*/
@media only screen and (min-width: 768px) and (max-width: 959px) {
.com_form .tbl_form th,
.com_form .tbl_form td {
	font-size: 115%;
}
.com_form{
	margin-top: 45px;
}
}

/* Mobile (Portrait)
------------------------------------------*/
@media only screen and (max-width: 767px) {
.com_form{
	margin-top: 7%;
}
.com_form .asterisk{
	font-size:90%;
	letter-spacing: 0.05em;
}
.com_form .mail_txt{
	letter-spacing: 0.05em;
}
.com_form .tbl_form tbody{
	letter-spacing: .05em;
	line-height: 1.8em;
}
.com_form  .tbl_form tr,
.com_form  .tbl_form th,
.com_form  .tbl_form td {
	display: block;
	width: 100%;
	box-sizing: border-box;
}
.com_form .tbl_form th {
	font-size: 110%;
	letter-spacing: 0.05em;
	padding: 5% 5% 0.5em;
}
.com_form .tbl_form td {
	font-size: 110%;
	letter-spacing: 0.1em;
	padding: 0 5% 5%;
}
}





/*入力項目デザイン
-----------------------------------------------------------------------------*/
/********************/
/* テキストボックス */
/********************/
.com_form input[type="text"] {
	width: 100%;
	padding: .8em .5em;
	box-sizing: border-box;
	background: #ffffff;
	outline: none;
	border: #a0a0a0 1px solid;
}
.com_form textarea {
	width: 100%;
	padding: .8em .5em;
	box-sizing: border-box;
	background: #ffffff;
	font-size: 16px;
	letter-spacing: .05em;
	outline: none;
	border: #a0a0a0 1px solid;
}

/****************/
/* ラジオボタン */
/****************/
.com_form input[type=radio], .com_form input[type=checkbox] {
	display: inline-block;
}
.com_form input[type=radio] + label, .com_form input[type=checkbox] + label {
	position: relative;
	display: inline-block;
	cursor: pointer;
}
.com_form input[type=radio].none + label{
	 text-decoration: line-through;
}
@media (min-width: 1px) {
.com_form input[type=radio], .com_form input[type=checkbox] {
	/*display: none;*/
	position: absolute;		/* 上に別の要素が乗るようにする */
	z-index: -1;			/* 最背面にする */
	pointer-events: none;	/* クリック無効 */
	visibility: hidden;		/* 非表示 */
	margin: 0;
}
.com_form input[type=radio] + label, .com_form input[type=checkbox] + label {
	padding: 0 0 0 2.412em;
}
.com_form input[type=radio] + label::before, .com_form input[type=checkbox] + label::before {
	content: "";
	position: absolute;
	left: 0;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	display: block;
	width: 1.412em;
	height: 1.412em;
	background: #fff;
	border: #ccc5c2 1px solid;
}
.com_form input[type=radio] + label::before {
	top: 0.2em;
	border-radius: 50%;
}
.com_form input[type=checkbox] + label::before {
	top: 0.2em;
	border-radius: 0;
}
.com_form input[type=radio]:checked + label::after, .com_form input[type=checkbox]:checked + label::after {
	content: "";
	position: absolute;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	display: block;
}
.com_form input[type=radio]:checked + label::after {
	left: 0.306em;
	top: 0.506em;
	margin: auto;
	width: 0.8em;
	height: 0.8em;
	background: #c07f00;
	border-radius: 50%;
}
.com_form input[type=checkbox]:checked + label::after {
	top: 0.1em;
	left: 0.25em;
	width: 1.4em;
	height: 0.7em;
	border-left: 3px solid #c07f00;
	border-bottom: 3px solid #c07f00;
	transform: rotate(-45deg);
}
}

/****************/
/* セレクトボックス */
/****************/
.com_form select {
  /* デフォルトのスタイルを解除 */
  -moz-appearance: none;
  -webkit-appearance: none;
  appearance: none;
  /* スタイル */
  display: inline-block;
  cursor: pointer;
  width: 100%;
  max-width: 6em;
  padding: 0.6em 1.5em 0.6em .8em; /* 文字周りの余白 */
  background-color: #fff;
  border: solid 1px #ccc5c2;
  /* 三角マークを作る */
  background-image: linear-gradient(45deg, transparent 50%, rgba(68,47,45,1) 50%),  linear-gradient(135deg, rgba(68,47,45,1) 50%, transparent 50%);
  background-size: 8px 8px, 8px 8px;
  background-position: calc(100% - 18px) 50%, calc(100% - 10px) 50%;
  background-repeat: no-repeat;
}
/* フォーカス時 */
.com_form select:focus {
  outline: 0;
}
/* IEでデフォルトの矢印を消す */
.com_form select::-ms-expand {
  display: none;
}
/**********/
/* ボタン */
/**********/
.com_form input[type="submit"], .com_form input[type="button"], .com_form input[type="reset"] {
	-webkit-appearance: none;
	width: 100%;
	height: 4em;
	border: none;
	cursor: pointer;
	color: #fff;
	font-size: 110%;
	letter-spacing: .1em;
	line-height: 1.0em;
	font-family: dnp-shuei-mincho-pr6, sans-serif;
	font-weight: 500;
	font-style: normal;
	background-color: #82898a;
	background-repeat: no-repeat;
	background-position: 97% center;
	background-size: 15px auto;
	transition: 1s;
}
.com_form input[type="reset"]:hover {
	background-color: rgba(130,137,138,0.7);
	transition: 0.4s;
}
.com_form input[type="submit"] {
	background-color: #3eaab0;
	
}
.com_form input[type="submit"]:hover {
	background-color: rgba(62,170,176,0.7);
	transition: 0.4s;
}

/* Mobile (Portrait)
------------------------------------------*/
@media only screen and (max-width: 767px) {	
/**********/
/* ボタン */
/**********/
.com_form input[type="submit"], .com_form input[type="button"], .com_form input[type="reset"] {
	font-size: 105%;
	letter-spacing: .1em;
	background-size: 12px auto;
}
}



/*入力項目レイアウト
---------------------------------------------------------*/
/* テキストボックス */
.com_form .name_txt,
.com_form .mail_txt1,
.com_form .mail_txt2{
	max-width: 758px;
}
.com_form .tel_txt{
	max-width: 500px!important;
}
.com_form .age_txt{
	max-width: 150px;	
}
.com_form textarea.naiyou_box{
	height: 10em!important;
}
/*ラジオボタン・チェックボックス：横に並べる*/
.com_form .tbl_form .list_flex {
	display: flex;
    flex-wrap: wrap;
}
.com_form .tbl_form .list_flex li {
	margin: .5em 0;
	margin-right: 2.5em;
}
.com_form .tbl_form .list_flex li:last-child {
	margin-right: 0;
}
/*ラジオボタン・チェックボックス：縦に並べる*/
.com_form .tbl_form .list li{
	margin-top: 0.8em;
}
.com_form .tbl_form .list li:first-child{
	margin-top: 0;
}
/*メール確認*/
.com_form .tbl_form .mail_txt2 {
	margin: 0.25em 0 0
}

/* Tablet (Portrait)
------------------------------------------*/
@media only screen and (min-width: 768px) and (max-width: 1165px) {
.com_form .name_txt {
	max-width: 38vw;
}
}

/* Tablet (Portrait)
------------------------------------------*/
@media only screen and (min-width: 768px) and (max-width: 959px) {

}

/* Mobile (Portrait)
------------------------------------------*/
@media only screen and (max-width: 767px) {
.com_form textarea.soudan_box{
	height: 16em!important;
}
.com_form textarea.time_box{
	height: 10em!important;
}
}




/* ドメイン設定
-----------------------------------------------------------------------------*/
.mobile_attention {
	margin-top: 1.2em;
	max-width: 758px;
}
.mobile_attention dt {
	background-color: #f7f7f7;
	font-size: 105%;
	letter-spacing: .1em;
	line-height: 1.5em;
	text-align: center;
	padding:1.8em 1em;
	box-sizing: border-box;
	cursor: pointer;
}
.mobile_attention dt span{
	padding-right: 2.5em;
	position: relative;
}
.mobile_attention dt span::before{
	position: absolute;
	content: "";
	display: block;
	background:url(../images/content/open_arrow.svg) no-repeat right center;
	background-size: 100% 100%;
	width: 1.6em;
	height: 1.6em;
	right:0;
	top:49%;
	transform: translateY(-50%);
}
.mobile_attention dt.active span::before {
	  background-image: url("../images/content/close_arrow.svg") 
 }
.mobile_attention .open_box {
	font-size: 95%;
	line-height: 2em;
	display: none;
	padding-top: 1em;
}
.mobile_attention ul {
	margin-top: 1.0em;
	display: flex;
	justify-content: center;
}
.mobile_attention li {
	margin-right: 2em;
}
.mobile_attention li:last-child{
	margin-right: 0;
}
.mobile_attention li a {
	position: relative;
	line-height: 1.0em;
	padding-left: 1em;
}
.mobile_attention li a::before {
	position: absolute;
	left: 0;
	top: 55%;
    transform: translateY(-50%) rotate(45deg);
	content: "";
	vertical-align: middle;
	width: 6px;
	height: 6px;
	border-top: 1px solid #808181;
	border-right: 1px solid #808181;
}
.mobile_attention a:hover {
	text-decoration: underline;
}

/* Mobile (Portrait)
------------------------------------------*/
@media only screen and (max-width: 767px) {
.mobile_attention{
	font-size: 95%;
}
.mobile_attention dt{
	font-size: 100%;
	padding: 1em 5%;
}
.mobile_attention dt span{
	display: block;
	padding:0;
}
.mobile_attention dt span::before{
	  right: 0;
	  top:50%;
	transform: translateY(-50%);
	  bottom: auto;
}
.mobile_attention .open_box{
	line-height: 1.8em;
}
}





/* 個人情報
-----------------------------------------------------------------------------*/
.privacy .open_btn {
	background-color: #f7f7f7;
	font-size: 105%;
	letter-spacing: .1em;
	line-height: 1.5em;
	text-align: center;
	padding: 1.8em 1em;
	box-sizing: border-box;
	cursor: pointer;
}
.privacy .open_btn span{
	padding-right: 2.5em;
	position: relative;
}
.privacy .open_btn span::before{
	position: absolute;
	content: "";
	display: block;
	background:url(../images/content/open_arrow.svg) no-repeat right center;
	background-size: 100% 100%;
	width: 1.6em;
	height: 1.6em;
	right:0;
	top:49%;
	transform: translateY(-50%);
}
.privacy .open_btn.active span::before {
	  background-image: url("../images/content/close_arrow.svg") 
 }
.privacy .open_box {
	font-size: 95%;
	line-height: 2em;
	display: none;
	padding-top: 1em;
}
.privacy dt {
	font-size: 120%;
	color: #3eaab0;
	line-height: 1.6em;
	margin-bottom: .5em;
}
.privacy .dl_box {
	display: flex;
	justify-content: space-between;
}
.privacy .dl_box dl {
	width: 44%;
	margin-top: 2.5em;
}
.privacy .dl_box dl:last-of-type {
	width: 51%;
}
.privacy .dl_box dd li {
	text-indent: -1.6em;
	margin-left: 1.6em;
}


/* Tablet (Portrait)
------------------------------------------*/
@media only screen and (min-width: 768px) and (max-width: 959px) {
.privacy .open_btn {
	font-size: 110%;
}
.privacy dt {
	font-size: 115%;
}
}

/* Mobile (Portrait)
------------------------------------------*/
@media only screen and (max-width: 767px) {
.privacy .dl_box {
	display: block;
}
.privacy .dl_box dl {
	width: 100%!important;
	margin-top: 8%;
}
.privacy dt {
	letter-spacing: .05em;
}
}




/*ボタンレイアウト
-----------------------------------------------------------------------------*/
.submit_box p span{
	color: #3eaab0;
}
.submit_box ul {
	text-align: center;
}
.submit_box li {
	display: inline-block;
}
.submit_box li.submit {
	position: relative;
	width: 66%;
	max-width: 420px;
}
.submit_box li:last-of-type {
	width: 33%;
	max-width: 210px;
}

/* Tablet (Portrait)
------------------------------------------*/
@media only screen and (min-width: 768px) and (max-width: 959px) {
}

/* Mobile (Portrait)
------------------------------------------*/
@media only screen and (max-width: 767px) {
.submit_box ul {
	display: block;
	max-width: none;
}
.submit_box li {
	display: block;
	margin: 0 auto 10px;
	max-width: 100% !important;
	width: 100% !important;
}
.submit_box li:last-child{
	margin-bottom: 0;
}
}