@charset "UTF-8";
/*
    Template: swell
    Theme Name: SWELL CHILD
    Theme URI: https://swell-theme.com/
    Description: SWELLの子テーマ
    Version: 1.0.0
    Author: LOOS WEB STUDIO
    Author URI: https://loos-web-studio.com/

    License: GNU General Public License
    License URI: http://www.gnu.org/licenses/gpl.html
*/

ul.is-style-good_list li {
	margin-bottom: 20px!important;
}

/*テーブル*/

.tbl-r01 {
   border-collapse: collapse;
   text-align: center;
   line-height: 1.5;
   border: 1px solid #ccc;
}

.tbl-r01 th {
   text-align: center;
   padding: 10px;
   font-weight: bold;
   border-top: 1px solid #ccc;
   border-right: 1px solid #ccc;
   border-bottom: 1px solid #ccc;
   background-color: #CBEBDA;
   color: #000000;
}

table.tbl-r02  {
   width: 100%!important;
}

.wpcf7 input,
.wpcf7 textarea {
   width: 100%!important;
}

.tbl-r02 th {
   width: 35%;
   background-color: #E5EFEC;
   border: solid 1px #ccc;
   padding: 10px;
   line-height:1.75;
	font-size: 15px;
	font-family: sans-serif;
	font-weight: normal;
}

.tbl-r02 td {
   border: solid 1px #ccc;
    padding: 10px;
   line-height:1.75;
}

@media screen and (max-width: 640px) {

table.tbl-r02  {
   width: 100%!important;
}

 .last td:last-child {
   border-bottom: solid 1px #ccc;
   width: 100%;
  }

.tbl-r02 {
   width: 80%;
  }
	
 .tbl-r02 th,
 .tbl-r02 td {
   border-bottom: none;
   display: block;
   width: 100%;
   line-height:1.5;
}

}

/*03は01のpadのなしバージョン*/
.tbl-r03 {
   border-collapse: collapse;
   text-align: center;
   line-height: 1;
   border: 1px solid #ccc;
}

.tbl-r03 th {
   text-align: center;
   padding: 2px;
   font-weight: bold;
   border-top: 1px solid #ccc;
   border-right: 1px solid #ccc;
   border-bottom: 1px solid #ccc;
   background-color: #CBEBDA;
   color: #000000;
}

/*04は02のth白抜きバージョン*/
.tbl-r04 th {
   background-color: #579876;
   border: solid 1px #ccc;
   border-bottom: solid 1px #fff;
   color: #000;
   padding: 10px;
   line-height:1.75;
   font-weight:bold;
}

.tbl-r04 td {
   border: solid 1px #ccc;
   padding: 10px;
   line-height:1.75;
}

@media screen and (max-width: 640px) {

.last td:last-child {
   border-bottom: solid 1px #ccc;
   width: 100%;
}

.tbl-r04 {
   width: 80%;
}

.tbl-r04 th,
.tbl-r04 td {
   border-bottom: none;
   display: block;
   width: 100%;
   line-height:1.5;
}

}

input[type="submit"] {
   appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
   font-size: 16px;
   font-weight: bold;
   width: 200px;
   padding: 6px 15px;
   border-radius: 10px;
   background-color: #000000;
   border: none;
   color: #fff;
   cursor: pointer;
   font-family: sans-serif;
}

span.wpcf7-spinner {
  display: none;
}


/*テーブルend*/


/*PCSP*/
.brpc { display: block !important; }
.brsp { display: none !important; }
.pc_right { text-align: right !important; }
.pc_center { text-align: center !important; }
@media (max-width: 600px) {
.brpc { display: none !important; }
.brsp { display: block !important; }
.pc_right { text-align: left !important; }
.pc_center { text-align: left !important; }
}
/*PCSPend*/


.hissu { color: #DD4248 !important; font-size: 80% !important; }
.font_small { font-size: 90% !important; }
.c-infoBar__text -flow-off { text-align: right !important; }

/*ヘッダーボタンのデザイン*/
.topbar { background-color: #000!important; height: 36px; }

.headbutton {
   float: right;
   position: relative;
   display: inline-block;
   text-decoration: none;
   margin-top: 2px;
   padding: 0px 6px;/*文字の上下左右の余白*/
   color: #FFF !important;/*文字の色*/
   background: #000000;/*ボックスの色*/
   border: solid 1px #FFF;/*周りの線色*/
   /*border-radius: 4px 4px 4px 4px;角の丸み 左上 右上 右下 左下の順*/
   font-weight: bold;/*文字の太さ*/
   font-size: 14px;/*文字の大きさ*/
   top: 0px;/*上から-●pxの場所に配置*/
   /*right: 60px;右から60pxの場所に配置*/
}

.headbutton a {color:#FFF}

.selectlink{
	float: right;
   position: relative;
	cursor: pointer;
	border-radius: 0px;
   margin: 2px 0px 0px;
   padding: 2px 6px;/*文字の上下左右の余白*/
	color: #FFF !important;/*文字の色*/
   border: solid 1px #FFF;/*周りの線色*/
   background-color: #000000;/*ボックスの色*/
	font-size: 14px;/*文字の大きさ*/
}

.selectlink:hover{
   border: 1px #333 solid;
   padding: 2px 6px;/*文字の上下左右の余白*/
	color: #FFF !important;/*文字の色*/
   border: solid 1px #FFF;/*周りの線色*/
   background-color: #000000;/*ボックスの色*/
	font-size: 14px;/*文字の大きさ*/
}