@charset "utf-8";

/*全端末（PC・タブレット・スマホ）共通設定
------------------------------------------------------------------------------------------------------------------------------------------------------*/
/*全体の設定
---------------------------------------------------------------------------*/

body {
	margin: 0px;
	padding: 0px;
	color: #333;	/*全体の文字色*/
	font-family: "Hiragino Kaku Gothic Pro", HiraKakuPro-W3, "ヒラギノ角ゴ Pro W3", メイリオ, Meiryo, "MS P ゴシック", verdana, sans-serif;
	font-size: 18px;	/*文字サイズ*/
	line-height: 2;		/*行間*/
	background: #fff;	/*背景色*/
	-webkit-text-size-adjust: none;
	background: #fff;

}
h1,h2,h3,h4,h5,p,ul,ol,li,dl,dt,dd,form,figure,form {margin: 0px;padding: 0px;font-size: 100%;font-weight: normal;}
ul {list-style-type: none;}
ol {padding-left: 40px;padding-bottom: 15px;}
img {border: none;max-width: 100%;height: auto;vertical-align: middle;}
table {border-collapse:collapse;font-size: 100%;border-spacing: 0;}
iframe {width: 100%;}

/*リンク（全般）設定
---------------------------------------------------------------------------*/
{transition: 0.2s;	/*マウスオン時の移り変わるまでの時間設定。0.2秒。*/
}
a:hover {
	color: #555;			/*マウスオン時の文字色*/
	text-decoration: none;	/*マウスオン時に下線を消す設定。残したいならこの１行削除。*/
}
a:link { color:#555;
text-decoration: none; }

/*コンテナー（ホームページを囲むブロック）
---------------------------------------------------------------------------*/
#container {
	max-width: 1980px;	
	margin: 0 auto;
	}

/*追跡バナー
---------------------------------------------------------------------------*/
/*ヘッダーブロック*/
.sticky {
    position: fixed;
    bottom: 400px;
    right: 10px;
    padding: 6px 5px;
    top: 20px;
    z-index: 3;
}
.sticky a:hover img {
  opacity: 0.7;
  filter: alpha(opacity=70);
  -ms-filter: "alpha(opacity=70)";
}

/*ヘッダー
---------------------------------------------------------------------------*/
/*ヘッダーブロック*/
header {
	position: relative;z-index: 1;
	height: 280px;	/*ヘッダーの高さ*/
		background:#f3fbff;
border-bottom: solid 5px #1d91f0;
}
/*ロゴ画像*/
header #logo img {

position: absolute;
left: 5%;
margin-top: 40px;

}
.headtel img {
    width: 23%;
    position: absolute;
    left: 15%;
    top: 50%;
}
.prt-headertext {
font-size: 80%;
color: #fff;
background: #1d91f0;
padding-left: 5%;
}

/*ヘッダー内メニュー
---------------------------------------------------------------------------*/
/*メニューブロック全体*/
#headermenu {
text-align: right;
margin-right: 50px;
margin-top: 10px;
}
/*メニュー１個あたり*/
#headermenu li {
	display: inline;
  width: 100px;
  height: 50px;
}

#headermenu li img{
width: 130px;
}

#headermenu a:hover img {
  opacity: 0.7;
  filter: alpha(opacity=70);
  -ms-filter: "alpha(opacity=70)";
}
.topcaption {
    padding: 5px 15px 5px 15%;
    background: #091f91;
    color: #fff;
}


/*メニューブロック*/
#menubar {
	clear: both;overflow: hidden;
	border-top: 1px solid #dcdcdc;	/*上の線の幅、線種、色*/
	border-bottom: 1px solid #dcdcdc;	/*下の線の幅、線種、色*/
	font-size: 18px;	/*文字サイズ*/
	background: #09d2d9;
}
/*メニュー１個あたりの設定*/
#menubar li {
	float: left;	/*左に回り込み*/
	width: 20%;		/*メニュー幅（100÷5個=20%）※下の方の「画面幅1200px以上の設定」にも関連するので変更の際は注意して下さい。*/
background: #09d2d9;

}
#menubar li a {
	display:  block;text-decoration: none;
	text-align: center;	/*内容をセンタリング*/
	padding: 15px 0;	/*上下、左右へのボックス内の余白*/
	border-right: 1px solid #dcdcdc;	/*右の線の幅、線種、色*/
	color: #fff;
}
/*１つ目のメニューへの追加設定*/
#menubar li:first-child a {
	border-left: 1px solid #dcdcdc;	/*左の線の幅、線種、色*/
}
/*マウスオン時と、現在表示中(current)メニューの設定*/
#menubar li a:hover,
#menubar li.current a {
	background: #ffa4e8;	/*背景色*/
	color: #fff;	/*文字色*/
}
/*スマホ用メニューを表示させない*/
#menubar-s {display: none;}
/*３本バーアイコンを表示させない*/
#menubar_hdr {display: none;}

.rt-headertext {
    font-size: 120%;
    text-align: right;
    padding: 1.5% 5% 0 0;
        color: #686567;
    line-height: 1.5;
}
/*mainimg
---------------------------------------------------------------------------*/
/*画像ブロック*/
#mainimg, #subimg {
	clear: both;
	max-width: 1980px;	/*style.cssの「#container」と設定と合わせる*/
	overflow: hidden;
	margin: 0 auto;
}
/*subimgブロックの画像*/
#subimg img {
	width: 100%;
}


.example li{
  float: left;
  list-style: none;
  margin: 30px; 

}
.infomass{

  text-align:center;
}

.infomass ul{
   display: flex;
}

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

 
 
/*btn1
---------------------------------------------------------------------------*/
/*btn1共通*/
a.btn1 {
	text-decoration: none;display: inline-block;
border-radius: 2px;			/*角丸のサイズ。ほんの少しだけ角を丸くしています。*/
}
a.or {
	text-decoration: none;display: inline-block;
	background: #ff8a00 url(../images/arrow1.png) no-repeat 15px center;	/*古いブラウザ用*/
	background: #ff8a00 url(../images/arrow1.png) no-repeat 15px center / 6px;	/*背景色、背景の矢印画像の読み込み、左から15pxの場所に配置。幅を6pxに。*/
	color: #FFF !important;
	border-radius: 2px;			/*角丸のサイズ。ほんの少しだけ角を丸くしています。*/
}

a.gr {
	text-decoration: none;display: inline-block;
	background: #43b900 url(../images/arrow1.png) no-repeat 15px center;	/*古いブラウザ用*/
	background: #43b900 url(../images/arrow1.png) no-repeat 15px center / 6px;	/*背景色、背景の矢印画像の読み込み、左から15pxの場所に配置。幅を6pxに。*/
	color: #FFF !important;
	color: #FFF !important;
	border-radius: 2px;			/*角丸のサイズ。ほんの少しだけ角を丸くしています。*/
}
/*マウスオン時*/
a.btn1:hover{
	background: #3b8a22 url(../images/arrow1.png) no-repeat 15px center / 6px;
}

a.or:hover{
	background: #ff5400 url(../images/arrow1.png) no-repeat 15px center / 6px;
}

#contents a.btn1 {
	padding: 0px 35px 0px 50px;	/*上、右、下、左へのボックス内の余白*/
	letter-spacing: 0.2em;		/*文字間隔を広くとる設定*/
}


a.btn2 {
text-decoration: none;
display: inline-block;
background: #43b900 url(../images/arrow1.png) no-repeat 15px center;
background: #1541a4 url(../images/arrow1.png) no-repeat 15px center / 6px;
color: #FFF !important;
border-radius: 2px;
width: 10%;
}


/*コンテンツ。
---------------------------------------------------------------------------*/
#contents {
	clear: both;overflow: hidden;position: relative;
	background: #fff;	/*背景色*/
}
.cont{padding: 3% 12%;}
	
.bg1{
background:#F9F9F9;
display:inline-block;
}

.bg2{

}
.bg3{

}
.bg4{

}
.bg5{

}
.bg6{
background:#e8e4e4;
}
.bg7{

}

.bnner img{
text-align:center;
margin: 0 auto;
}

/*h2タグ*/
#contents h2 {
	clear: both;
 color: #fff;/*文字色*/
  padding: 0.5em 0;/*上下の余白*/
  font-weight: 700;
  font-size: 30px;
  padding: 0 3%;
text-align: center;
background: #0d61aa;
}


/*h2タグ内のspanタグ（英語の飾り文字）*/
#contents h2 span {
	color: #ff0;	/*文字色*/
	
}
h2.title1 {
clear: both;
margin-bottom: 40px;
text-align: center;
line-height: 1.5;
color: #1d91f0;
font-size: 30px;
font-weight: 700;
padding: 2% 5%;
border-bottom: 2px solid;
}
.green{
line-height: 1.5;
color: #1d91f0;


}

.pink {
    line-height: 1.5;
    color: #ff46ae;
}
.line{
border-bottom: 2px solid;
}
.p{
clear: both;
margin-bottom: 40px;
text-align: center;
line-height: 1.5;
color: #1d91f0;
font-size: 32px;
font-weight: 700;
padding: 2% 5%;
border-bottom: 2px solid;
}

/*h3タグ*/
#contents h3 {
    color: #1d91f0;
    padding: 0.3em 0.5em;
    font-weight: bold;
    margin-bottom: 20px;
    font-size: 25px;
}
/*段落タグ*/
#contents p {
	/*padding: 0 20px 40px;
	letter-spacing: 0.1em;*/
}
#contents p + p {
	margin-top: -10px;
}


/*メインコンテンツ
---------------------------------------------------------------------------*/
/*メインコンテンツ*/
#contents .main {
	float: left;	/*左に回り込み*/
	width: 70%;		/*コンテンツ幅*/
}

/*サブコンテンツ
---------------------------------------------------------------------------*/
/*サブコンテンツ*/
#contents .sub {
	float: right;	/*右に回り込み*/
	width: 25%;		/*コンテンツ幅*/
}
/*サブコンテンツのh2タグ*/
#contents .sub h2 {
	font-size: 120%;	/*文字サイズ*/
	margin-bottom: 10px;
	text-align: left;
}
/*サブコンテンツのh2タグの１文字目への設定*/
#contents .sub h2::first-letter {
	padding-left: 15px;				/*アクセントラインとテキストとの余白*/
	border-left: 3px solid #2f6e1b;	/*左のアクセントラインの幅、線種、色*/
}
/*サブコンテンツの段落タグ設定*/
#contents .sub p {
	padding: 0;
	font-size: 90%;
}
/*section同士の余白*/
#contents .sub section + section {
	margin-top: 0px;
}

/*サブコンテンツ内のメニュー
---------------------------------------------------------------------------*/
/*メニュー全体の設定*/
.sub ul.submenu {
	margin-bottom: 20px;	/*メニューブロックの下に空けるスペース*/
	border-top: solid 1px #dcdcdc;	/*上の線の線種、幅、色*/
}
/*メニュー１個ごとの設定*/
.sub ul.submenu li {
	background: #fff;	/*背景色*/
	border-bottom: solid 1px #dcdcdc;	/*下の線の線種、幅、色*/
}
.sub ul.submenu li a {
	text-decoration: none;display: block;
	padding: 5px 10px;	/*メニュー内の余白。上下、左右への設定。*/
}
/*令和元年キャンペーンバナー
---------------------------------------------------------------------------*/
.bnner {
    margin: 0;
    padding:5% 12%;
    overflow: hidden;
}


.area-target {
 
    background: #f7f7f7;
	
}

.area-plan {
 
    background: #e2f2ff;
	
}

.area-target__caption {
    max-width: 760px;
    margin: 0 auto 2rem;
    padding: 1.6rem 0 3.5rem;
    background: url("../images/arrow.png") no-repeat center/auto 100%;
    color: #04317e;
    font-size: 28px;
    font-weight: bold;
}

.prt-target2col {
    max-width: 980px;
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
    position: relative;
}
.prt-target2col__col1 {
    padding-top: 10rem;
    position: absolute;
    top: 0;
    left: 0;
    width: 340px;
    text-align: right;
    z-index: 1;
}

.prt-target2col__col2 {
    padding-left: 300px;
    padding-bottom: 3rem;
}

.prt-targetlist {
    padding: 8rem 6rem 6rem;
    background: url("../images/section01_list_bk_pc.png") no-repeat center;
        background-size: auto;
    background-size: 100% 100%;
}


.prt-targetlist__item {
    padding-left: 4rem;
    background: url('../images/icon_check.png') no-repeat left center;
    line-height: 1.3;
}

.prt-targetlist__item {
     line-height: 1.3;
}


.prt-targetlist__item__inner {
    padding: 3px 0;
    border-bottom: 1px dashed #9a9a9a;
    display: block;
    font-weight: bold;
}

.prt-targetlist__item .red {
    color: red;
    font-weight: bold;
}
/*提案型税理士です。
---------------------------------------------------------------------------*/
mark{
	 font-size: 120%;
font-weight: bold;}

.list__item {
    font-size: 120%;
    color:#535555;
    font-weight: bold;
	background: url('../images/icon_check.png') no-repeat left center;
padding: 0 0 0 30px;
}

.list__item .red {
    list-style: disc;
    color: red;
    font-weight: bold;
}
.box1 {
   max-width: 980px;
margin: 3rem auto 2rem;
padding: 3rem;
background-color: #f3fbff;
border: solid 5px #0d61aa;
outline: solid 10px #f3fbff;
overflow:auto;
clear: both;
}
.box2 {
    max-width: 720px;
margin: 20px auto;
padding: 5% 10%;
background-color: #fff;
border: 5px #3fb9b9 solid;
 
}

.box3{
    padding:2% 5%;
    background: white;
    border-top: solid 5px #5d627b;
    box-shadow: 0 3px 5px rgba(0, 0, 0, 0.22);
}
.box3 p {
    font-weight: bold;
	
}

.box3 span {
    font-weight: bold;
	font-size: 110%;
	color: red;
}

.box4 {
	overflow: hidden;
	padding: 3%;
	background: #fff;
max-width: 800px;
margin: 20px auto;
}
/*box1内のh4(見出し)タグ*/
.box4 h4 {
	font-size: 2em;
  color: #fd3b79;
	border-bottom: 2px dotted #3fa6e7;	/*下線の幅、線種、色*/
	margin-bottom: 10px;	/*下に空けるスペース*/
	font-weight: bold;
}




.box4 h5 {
	color: #fff;
padding: 0.3em 0.5em;
background: -webkit-repeating-linear-gradient(-45deg, #cce7ff, #cce7ff 3px,#e9f4ff 3px, #e9f4ff 7px);
background: repeating-linear-gradient(-45deg, #068aff, #2898fb 3px,#3095f9 3px, #0481ff 7px);
font-weight: bold;
margin-bottom: 10px;

}

.box4 h3{
color: #000!important;
font-size: 29px;
border-bottom: 1px solid #0d61aa;
padding: 25px 0 16px;
	}
	
.box4 h3 span{
color: #fff;
background: #0d61aa;
font-size: 29px;
    line-height: 43px;
    padding: 0 22px;
    position: relative;
	margin-right: 10px;
	}
.pinktitle{
		color: #fff;
padding: 0.3em 0.5em;
background:  #ff0691;
background: repeating-linear-gradient(-45deg, #ff0691, #f93aae 3px,#f948a3 3px, #f919b6 7px)!important;
font-weight: bold;
margin-bottom: 10px;
}


.box4 h4 em {
font-size: 120%;
  color: #ff36b9;
}

.pink{overflow: hidden;
	border: 3px solid #fd4994!important;	/*枠線の幅、線種、色*/
	padding: 3%;}


.box5{
  padding: 2% 0 42% 0;
}

.box6{
  padding: 2% 0 50% 0;
}


.pink h4 {
    font-size: 2em;
    color: #b9a75c;
    border-bottom: 2px dotted #fd3b79;
    margin-bottom: 10px;
    font-weight: bold;
}	
	
.pink h4 span{color: #fd4994;}

.pink p{color: #fd4994;
font-weight: bold;}
		
/*box1内のp(段落)タグ*/
.box4 p {text-align: right;
padding: 0 !important;
line-height: 1.5;
font-size: 120%;
font-weight: bold;}
.box4 p a {color: #666;}
/*box2内のbtn1。本体の設定はこの下の下のブロックにあります。*/
.box4 p.btn1 {margin-top: 20px;}
.bluetext{
    font-size: 150%;
    color: #003280;
    font-weight: bold;
    text-align: center;
   
}
a.btn1 {
    padding: 0 35px 0 50px;
    letter-spacing: 0.2em;
}


a.btn1 {
    text-decoration: none;
    display: inline-block;
     background: #0d61aa url(../images/arrow1.png) no-repeat 15px center / 6px;
    color: #FFF !important;
    border: 1px solid #0d61aa;
    border-radius: 2px;
}



.whtext{
    font-size: 150%;
    color: #fff;
    font-weight: bold;
    text-align: center;
   
}red{
 color: #ff0f73;
font-size: 180%;
border: wheat;
font-weight: bold;
text-align: center;
text-shadow: 2px 2px 1px #fff;
}
.wt {
color: #1833aa;
font-size: 130%;
font-weight: bold;
text-align: center;
background: #fff;
border-radius: 10px;
width: 280px;
margin: 0 auto;
margin-bottom: 10px;
}

.pk {
    color:#f994df;
    font-size: 180%;
    font-weight: bold;
    text-align: center;

}
span.b {
  font-size: 150%;
}

.inner {
    max-width: 1200px;
    margin: 0 auto;
}
/*創業サポートプラン
---------------------------------------------------------------------------*/
ul.supoort {
    padding: 0 0 0 80px;
	
}
li.supoort {
    font-size: 120%;
    color: #000;
    font-weight: bold;
 	list-style: disc;
}
/*サブコンテンツ内のbox1
---------------------------------------------------------------------------*/
.sub .box1 {
	padding: 15px;			/*ボックス内の余白*/
	margin-bottom: 20px;	/*ボックスの下に空けるスペース*/
	background: rgba(0,0,0,0.02);	/*背景色。rgbaは色設定で0,0,0は黒。0.02は2%だけ色がついた状態の事。*/
	border: solid 1px #dcdcdc;	/*線の線種、幅、色*/
	box-shadow: 0px 0px 1px 1px #fff inset;	/*ボックスの影。内側に白のラインを入れる。*/
}
/*box1内のメニューの設定*/
.sub .box1 ul.submenu {
	margin-bottom: 0px;
}


/*list
---------------------------------------------------------------------------*/
/*各ボックスの設定*/

.list_box {display:flex}
	
.list {
    overflow: hidden;
    width: 48%;
    float: left;
    margin-left: 2%;
    background: #fff;
    box-shadow: 0 0 5px rgba(0,0,0,0.2);
    margin-bottom: 7%;
	margin-top: 20px;
    height: 515px;
}
/*ボックス内のh4（見出し）タグ*/
.list h4 {
color: #0a8693;
  text-shadow: 0 0 5px white;
  padding: 0.3em 0.5em;
  background: -webkit-repeating-linear-gradient(-45deg, #cce7ff, #cce7ff 3px,#e9f4ff 3px, #e9f4ff 7px);
  background: repeating-linear-gradient(-45deg, #cffbf1, #ccfff3 3px,#e9f4ff 3px, #e9f4ff 7px);
  font-weight: bold;
  margin-bottom: 10px;

}
/*ボックス内のp（段落）タグ*/
.list p {
	padding: 0px 20px 20px !important;
}
/*list3
---------------------------------------------------------------------------*/

	
.list3 {
    overflow: hidden;
    width: 31%;
    float: left;
    margin-left: 2%;
    background: #fff;
    box-shadow: 0 0 5px rgba(0,0,0,0.2);
    margin-bottom: 7%;
	margin-top: 20px;

}
/*ボックス内のh4（見出し）タグ*/
.list3 h4 {
color: #0a8693;
  text-shadow: 0 0 5px white;
  padding: 0.3em 0.5em;
  background: -webkit-repeating-linear-gradient(-45deg, #cce7ff, #cce7ff 3px,#e9f4ff 3px, #e9f4ff 7px);
  background: repeating-linear-gradient(-45deg, #cffbf1, #ccfff3 3px,#e9f4ff 3px, #e9f4ff 7px);
  font-weight: bold;
  margin-bottom: 10px;

}
/*ボックス内のp（段落）タグ*/
.list3 p {
	padding: 0px 20px 20px !important;
}
/*list2
---------------------------------------------------------------------------*/
/*各ボックスの設定*/
.list2 {
	 overflow: hidden;
    width: 48%;
    float: left;
    margin-left: 2%;
    margin-bottom: 7%;
	margin-top: 20px;

}
/*ボックス内の画像*/
.list2 figure {
	margin-bottom: 20px;	/*画像の下に空けるスペース*/
}
.list2 figure a:hover{
	opacity: 0.8;	/*マウスオン時。透明度80%にする。*/
}



.c3 .list {

}


.c3 .list p {
  
    margin: 60px auto;
text-align: center;
}

.listbox{
   
text-align: center;

}

.row {
    margin-right: -15px;
    margin-left: -15px;
}

.hurry ul {
  border: solid 2px #f31212;
  padding: 1m;
  position: relative;
  margin-top: 2em;
  margin-bottom: 30px;
}

.hurry ul li{
  padding:0.5em 0.5em 0.5em 3em;
  border-bottom: dashed 1px silver;
  list-style-type: none!important;
  font-weight: 900;
  font-size: 120%;
}
.hurry ul li:last-of-type {
  border-bottom: none;
}
.hurry ul li:before {
  /*リスト内のアイコン*/
  font-family: "Font Awesome 5 Free";
  content: "\f138";/*アイコン種類*/
  position: absolute;
  left : 1em; /*左端からのアイコンまで*/
  color:  #f31212; /*アイコン色*/
  font-weight: 900;
}



.steps-title{
 width: 100%;
margin: 0 .5em 1em 0em;
background: #eaeebb;
text-decoration: none;
color: #444;
position: relative;
height: 200px;
text-align: center;
display: flex;
justify-content: center;
align-items: center;
flex-flow: column nowrap;
font-family: inherit;
font-weight: 500;
line-height: 1.1;
font-size: 24px;
}
.col-md-3 {
    width: 50%;
	float: left;
	position: relative;
min-height: 1px;
padding-right: 15px;
padding-left: 15px;
box-sizing: border-box;
}

b, strong {
    font-weight: bold;
}
.form-explain {
  min-height: 5em;
}

.steps-title::after {
  content: " ";
  display: block;
  width: 0;
  height: 0;
  border-top: 100px solid transparent;
  border-bottom: 100px solid transparent;
  border-left: 30px solid #eaeebb;
  position: absolute;
  top: 25%;
  margin-top: -50px;
  left: 100%;
  z-index: 2;
}


.bigt {
   font-size: 195%;
text-align: center;
font-weight: bold;
color: #d80817;
 
}


/*お問い合わせ
---------------------------------------------------------------------------*/



.bg_f2 {
    background:#0d426f !important;
    color: #FFF;
	padding: 1% 20%;
	
}
.contact{
padding: 0 5%;



}
 ul.menu{

margin: 0 auto;
display: flex;
flex-wrap: wrap;
	}

 .menu li{
	 width:48%;
    color: #232121;
    margin: 5px;
    border-radius: 4px;
    text-align: center;
    font-size: 150%;
}

.container .btn-contact {
    display: block;
color:#0d5129;
    font-size: 30px;
    font-weight: bold;
    line-height: 70px;
	text-align: center;
	text-decoration:none;

}

a.btn-contact:hover {
    color: #0d5129;
    text-decoration: none;
    cursor: pointer;
}

.container .btn-contactmail {
    display: block;
    background-color: #FF9300;
    color: #fff;
    font-size: 20px;
    font-weight: bold;
    width: 100%;
    line-height: 70px;
    border-radius: 5px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 20px;
    border: 1px solid #FFF;
	text-align: center;
	text-decoration:none;
}

a.btn-contactmail:hover {
    color: #fff;
    text-decoration: none;
    cursor: pointer;
	background-color:#FFB700;
	border: 1px solid #FFF;
}
.container .btn-contactline {
    display: block;
    background-color: #21A600;
    color: #fff;
    font-size: 20px;
    font-weight: bold;
    width: 100%;
    line-height: 70px;
    border-radius: 5px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 20px;
    border: 1px solid #FFF;
	text-align: center;
	text-decoration:none;
}

a.btn-contactline:hover {
    color: #fff;
    text-decoration: none;
    cursor: pointer;
	background-color:#3EF212;
	border: 1px solid #FFF;
}

p.infotitle{
    clear: both;
    font-size: 170%;
    text-align: center;
    line-height: 1.5;
	padding: 30px 0 0 0!important;
	color:#e7ff00;
	font-weight: bold;
}

.ye{  
	color:#e7ff00;
	
}


.pp p{
font-size: 80%;
}

.service{
  background: #f3ffc1;
padding: 50px!important;
}
.service img.fr {
    float: right;
    width: 40%;
    margin-left: 20px;
    margin-bottom: 20px;
}

img.fr, figure.fr {
    float: right;
    margin: 10px;
}

.w30p {
    width: 30%;
}

.ce{text-align: center;

}

em{font-style: normal;
font-size: 80%;
color: #ff0800;
text-align: center;
}

/*フッター設定
---------------------------------------------------------------------------*/

/*コピーライト
---------------------------------------------------------------------------*/
#copyright {
	clear: both;
	text-align: center;
	background: #333;	/*背景色*/
	color: #fff;		/*文字色*/
}
#copyright a {text-decoration: none;}

/*MAP地図
---------------------------------------------------------------------------*/
/*見出しを含まないお知らせブロック*/
.map img {
	background: #eee;	/*背景色*/
	padding: 20px;		/*ブロック内の余白*/
	border-radius: 4px;	/*角丸のサイズ*/
	margin-bottom:50px;
	
}

/*テーブル
---------------------------------------------------------------------------*/
/*テーブル１行目に入った見出し部分（※caption）*/
.ta1 caption, .ta2 caption {
	border: 1px solid #999;	/*テーブルの枠線の幅、線種、色*/
	border-bottom: none;	/*下線だけ消す*/
	text-align: left;		/*文字を左寄せ*/
	background: #cce6f6;	/*背景色*/
	font-weight: bold;		/*太字に*/
	padding: 10px;	/*ボックス内の余白*/
	font-size: 20px;
	text-align: center;
}
/*ta1,ta2共通設定*/
.ta1,
.ta2 {
	width: 96%;
	table-layout: fixed;
	margin-top: 20px;
}
.ta1, .ta1 td, .ta1 th,
.ta2, .ta2 td, .ta2 th {
	border: 1px solid #999;	/*テーブルの枠線の幅、線種、色*/
	line-height: 2;
	padding: 10px;	/*ボックス内の余白*/
	word-break: break-all;
	background: #fff;
}

.bgcolor1 {
    background:#e9e9ea !important;
}

 td.red{
   color: red;
}
/*ta1の左側ボックス*/
.ta1 th {
	width: 150px;	/*幅*/
	text-align: center;	/*センタリング*/
	background: #cbd8fd;	/*背景色*/
	font-weight: normal;
}
/*ta2の左側ボックス*/
.ta2 th {
	background: #fffeba;	/*背景色*/
}
/*ta2の右側ボックス*/
.ta2 td {
	text-align: center;	/*センタリング*/
}
/*料金ページの追加設定（CMS用）*/
.ta1.price td {
	text-align: right;
}
.ta1.price tr.total th {
	background: #b7e0ee;
	font-size: 150%;
}
.ta1.price tr.total td {
	background: #deeff4;
	font-weight: bold;
	font-size: 150%;
}

/*よく頂く質問ページ
---------------------------------------------------------------------------*/
.fabt {
    margin-bottom: 100px;
	margin: 0 50px 150px 80px;
}
.fabt ul {
    margin: 0px;
    padding: 0px;
    list-style-type: none;
}
.fabt ul .left {
    margin-left: 0px;
}
.fabt ul li {
    font-size: 16px;
    line-height: 50px;
    font-weight: bold;
    color: #FFF;
    float: left;
    margin-left: 4px;
    margin-bottom: 5px;
     display: block;
	 background-color:#1277c0;
	 padding: 20px 35px;
}

.fabt a {
    color: #fff;
    transition: 0.2s;
	text-decoration :none;
}
.fabt li:hover{
   background-color:#57b0f0;
}

/*ブロック全体*/
.faq {
	padding: 0px 20px;	/*上下、左右への余白*/
}
/*質問の設定*/
.faq dt {
color: #1d91f0;
padding-top: 15px;
margin-bottom: 10px;
font-weight: bold;
}
/*回答の設定*/
.faq dd {
	border-bottom: 1px solid #ccc;	/*下線の幅、線種、色*/
	overflow: hidden;
	padding-bottom: 15px;
}
/*「Q」と「A」のマーク共通設定*/
.faq dt::before,
.faq dd::before {
	margin-right: 5px;display: 
	inline-block;text-align: center;
	width: 30px;		/*幅*/
	line-height: 30px;	/*高さ*/
}
/*「Q」のマーク追加設定*/
.faq dt::before {
	content: "Q";			/*「Q」の文字を出力する設定*/
	background:#1d91f0;	/*背景色*/
	color: #fff;			/*文字色*/
}
/*「A」のマーク追加設定*/
.faq dd::before {
	content: "A";		/*「A」の文字を出力する設定*/
	background: #ff1779db;	/*背景色*/
	color: #fff;		/*文字色*/
}

/*アクセス
---------------------------------------------------------------------------*/
.prt-access2col {
    max-width: 980px;
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
}


.prt-access2col__col {
    width: calc((100% - 4rem) / 2);
}

.prt-access2col__h {
    margin-bottom: 1.6rem;
    padding-left: 2rem;
    font-size: 2.6rem;
    font-weight: bold;
    position: relative;
}

.acmap
{
    padding: 0 10%;
}



/*inputボタンにclass="btn"をつけた場合の設定
---------------------------------------------------------------------------*/
#contents input[type="submit"].btn,
#contents input[type="button"].btn,
#contents input[type="reset"].btn {
	padding: 5px 10px;		/*上下、左右へのボックス内の余白*/
	border: 1px solid #ccc;	/*枠線の幅、線種、色*/
	font-size: 20px;		/*文字サイズ*/
	border-radius: 3px;		/*角丸のサイズ*/
	background: #eee;		/*背景色*/
}
/*マウスオン時の設定*/
#contents input[type="submit"].btn:hover,
#contents input[type="button"].btn:hover,
#contents input[type="reset"].btn:hover {
	border: 1px solid #999;	/*枠線の幅、線種、色*/
	background: #fff;		/*背景色*/
}



/*list1とlist2の段落タグ指定
---------------------------------------------------------------------------*/
.list1 p, .list2 p {
	padding: 0 !important;
}

/*ページの上部へボタン「↑」設定
---------------------------------------------------------------------------*/
@keyframes scroll {0% {opacity: 0;}100% {opacity: 1;}}
body .nav-fix-pos-pagetop a {display: none;}
body.is-fixed-pagetop .nav-fix-pos-pagetop a {
	display: block;
	text-decoration: none;
	text-align: center;
	width: 50px;		/*幅*/
	line-height: 50px;	/*高さ*/
	z-index: 3;
	position: fixed;
	bottom: 20px;	/*下から20pxの場所に配置*/
	right: 3%;		/*右から3%の場所に配置*/
	background: #666;	/*背景色（古いブラウザ用）*/
	background: rgba(0,0,0,0.6);	/*背景色。0,0,0は黒の事。0.6は60%色がついた状態。*/
	color: #fff;	/*文字色*/
	border: 1px solid #fff;	/*枠線の幅、線種、色*/
	animation-name: scroll;	/*上のアニメーションで指定しているkeyframesの名前（scroll）*/
	animation-duration: 1S;	/*アニメーションの実行時間*/
	animation-fill-mode: forwards;	/*アニメーションの完了後、最後のキーフレームを維持する*/
}
/*マウスオン時*/
body.is-fixed-pagetop .nav-fix-pos-pagetop a:hover {
	background: #999;	/*背景色*/
}

/*その他
---------------------------------------------------------------------------*/
.look {background: #ccc;padding: 5px 10px;border-radius: 4px;}
.mb15,.mb1em {margin-bottom: 15px !important;}
.mb30 {margin-bottom: 30px !important;}
.mb50 {margin-bottom: 50px !important;}
.p0 {padding:0 !important;}
.clear {clear: both;}
ul.disc {padding: 0em 20px 40px 40px;list-style: disc;}
.color1, .color1 a {color: #2f6e1b !important;}
.pr {font-size: 10px;}
.wl {width: 96%;}
.ws {width: 50%;}
.c {text-align: center !important;
margin: 0 auto;}
.r {text-align: right !important;}
.l {text-align: left !important;}
.w50 {overflow: hidden;width: 50%;}
.fl {float: left;}
.w65p {
    width: 65%;
}
img.fl {float: left;width:30%;margin-right: 20px;margin-bottom: 20px;}
img.fl40 {
    float: left;
    width: 40%;
    margin-right: 20px;
    margin-bottom: 20px;
}
.fr {float: right;}
img.fr {float: right;width:30%;margin-left: 20px;margin-bottom: 20px;}
.big1 {font-size: 40px;}
.mini1 {font-size: 11px;display: inline-block;line-height: 1.5;}
.sh {display: none;}
.ofh {overflow: hidden;}
.fs23{font-size: 23px;
}
.b {font-size: 30px;
font-weight: bold;
}
.bb {font-size: 40px;
font-weight: bold;
}
.orange{font-size: 20px;
color: #ff7a00;
font-weight: bold;}

.bgpink{
  background: #ffeff7;
}
.bgye{
  background: #fffeef;
}

.pc { display: block !important; }
.sp { display: none !important; }

/*画面幅1040px以下の設定
------------------------------------------------------------------------------------------------------------------------------------------------------*/
@media screen and (max-width:1040px){

/*メインメニュー
---------------------------------------------------------------------------*/
/*メニューブロック*/
#menubar {
	font-size: 70%;	/*メニューのテキストが段落ちするので、文字サイズを縮小する。*/
}
.c3 .list {
   
    margin: 20px;
 
}
}
/*画面幅1300px以下の設定
------------------------------------------------------------------------------------------------------------------------------------------------------*/
@media screen and (max-width:1300px){

/*メインメニュー
---------------------------------------------------------------------------*/

.c3 .list {
   
    margin: 20px;
 
}

.fabt {
    margin: 20px 5px 180px 5px;
}
}


/*画面幅800px以下の設定
------------------------------------------------------------------------------------------------------------------------------------------------------*/
@media screen and (max-width:800px){

.box4 p {
    padding: 2% 3%!important;

}

.box4 h3 span {
   
    margin-right: 5px;
}
	.topcaption {
    padding: 5px;
   
}
	.prt-headertext {
     margin: 0; padding: 0px 5px; line-height: 150%;
  
}
	.prt-targetlist__item {
    padding-left: 2rem;
  }
.area-target {
    height: auto;
    margin: 0;
    padding: 2rem 1rem 0;
    position: relative;
}
.area-target__h {
    margin: 0 0 0 90px;
    padding-bottom: .5em;
    font-size: 2rem;
    font-weight: bold;
}

.prt-targetlist {
    height: auto;
    padding: 3rem;
    background-size: 100% 100%;
}
.prt-target2col__col2 {
    padding: 0;
}
.area-target__caption {
    margin: 0 0 0 90px;
    padding-bottom: 3rem;
    background-size: 70% auto;
    font-size: 1.4rem;
    text-align: center;
}

span.red {
     font-size: 100%;
   }
   span.b {
    font-size: 20px;
}
.bnner img {
    margin: 10px auto;
}
.bg_f2 {
      color: #FFF;
    padding: 2% 5%;
}

.menu li {
    width: 100%;
}
.container .btn-contactmail {
  
    margin-bottom: auto;
 
}
.bnner {
   
    padding: 1% 0%;
   }
   
   .cont {
    padding: 1% 2%;
}

.box1 {
width: calc(100% - 2rem);
    padding: 3%;

}
.bb {
    font-size: 30px;

}

.contact {
    padding: 0 1%;
}
/*ヘッダー
---------------------------------------------------------------------------*/
/*ロゴ画像*/
header #logo img {
	margin: 10px 0px 20px 0px;
}



/*文字サイズ変更ボタン（※文字サイズを「大」にした時の設定はchange.cssで行う）
---------------------------------------------------------------------------*/
/*ボタンブロック全体*/
#fsize {
	display: none;
}

/*メインメニュー
---------------------------------------------------------------------------*/
/*アニメーションのフレーム設定。全100コマアニメーションだと思って下さい。
透明(opacity: 0;)から色をつける(opacity: 1;)までの指定。*/
@keyframes menubar {
	0% {opacity: 0;}
	100% {opacity: 1;}
}


/*コンテンツ
---------------------------------------------------------------------------*/
#contents {
padding: 0;
}

/*main,subコンテンツ
---------------------------------------------------------------------------*/
#contents .main, #contents .sub {
	float: none;
	width: auto;
}

/*その他
---------------------------------------------------------------------------*/
body.s-n #sub,body.s-n #footermenu,.m-n {display: none;}
.big1 {font-size: 20px;}
.w50 {overflow: hidden;width: auto;}
.fl {float: none;}
.fr {float: none;}
.sh {display:block;}
.pc {display:none;}


/*全体の設定
---------------------------------------------------------------------------*/
body {
	font-size: 15px;	/*文字サイズ*/
}

/*コンテンツ
---------------------------------------------------------------------------*/
/*h3タグ*/
#contents h3 {
	padding: 0 20px;	/*上下、左右へのボックス内の余白*/
}


/*全体の設定
---------------------------------------------------------------------------*/
body {
	font-size: 14px;	/*文字サイズ*/
    margin-bottom: 23%;
}

/*ヘッダー
---------------------------------------------------------------------------*/
/*ヘッダーブロック*/
header {
	position: static;
	height: auto;
}
/*ロゴ画像*/
header #logo img {
	width: 100%;	/*画像幅*/
	position: static;
	padding: 0;
}

/*ヘッダー内メニュー
---------------------------------------------------------------------------*/
/*メニューブロック全体*/
#headermenu {
display: none;
	padding-bottom: 0;
}
/*メニュー１個あたり*/
#headermenu li a.btn1 {
display: none;
}
a.or {

    background: #ff8a00 url(../images/arrow1.png) no-repeat 30% center / 6px;
}
a.gr {

	background: #43b900 url(../images/arrow1.png) no-repeat 30% center / 6px;	/*背景色、背景の矢印画像の読み込み、左から15pxの場所に配置。幅を6pxに。*/

}
a.gr:hover{
	background: #3b8a22 url(../images/arrow1.png) no-repeat 30% center / 6px;
}

a.or:hover{
	background: #ff5400 url(../images/arrow1.png) no-repeat 30% center / 6px;
}

/*コンテンツ
---------------------------------------------------------------------------*/
/*h2タグ*/
#contents h2 {
	font-size: 150%;	/*文字サイズ*/
	margin-bottom: 20px;	/*下に空けるボックスの外側への余白*/
	margin-top: 20px;
	line-height: 1.5;
padding: 2.5% 2%;
}
/*h3タグ*/
#contents h3 {
	font-size: 130%;	/*文字サイズ*/
	margin-bottom: 20px;/*下に空けるボックスの外側への余白*/
	line-height: 1.5;	/*行間を少し狭くする*/
}
/*段落タグ*/
#contents p {
	padding: 2% 5%;	/*上、左右、下への段落タグ内の余白*/
	line-height: 2;		/*行間を少し狭くする*/
}
/*section同士の余白*/
#contents section + section {
	margin-top: 20px;
}
.pink {
    font-size: 100%;
}

.b {
    font-size: 20px;
   }
   

/*btn1
---------------------------------------------------------------------------*/
/*contents内のbtn1。主にinfo.htmlやservice.htmlで使っています。*/
#contents a.btn1 {
padding: 5px 50px;
}

/*list（info.htmlで利用している各ボックス）
---------------------------------------------------------------------------*/
/*各ボックスの設定*/
.list {
	padding: 2%;	/*ボックス内の余白*/
	width: 95%;
	float: none;
	margin:10px auto;
	height: 100%;
}

/*list2（service.htmlで利用している各ボックス）
---------------------------------------------------------------------------*/
/*ボックス内のh4（見出し）タグ*/
.list2 h4 {
	display: none;	/*スペースが狭くなって見出しの下に画像が隠れてしまうので、見出しを非表示にする。*/
}

/*テーブル（ta1）
---------------------------------------------------------------------------*/
/*テーブル１行目に入った見出し部分（※caption）*/
.ta1 caption, .ta2 caption {
	padding: 5px;	/*ボックス内の余白*/
	font-size: 16px;
}
/*ta1,ta2共通設定*/
.ta1,
.ta2 {

	
}
.ta1, .ta1 td, .ta1 th,
.ta2, .ta2 td, .ta2 th {
	padding: 5px;	/*ボックス内の余白*/
	font-size: 100%;
	width: auto;
}
/*ta1の左側ボックス*/
.ta1 th {
	width: 100px;
}

/*inputボタンにclass="btn"をつけた場合の設定
---------------------------------------------------------------------------*/
#contents input[type="submit"].btn,
#contents input[type="button"].btn,
#contents input[type="reset"].btn {
	font-size: 12px;		/*文字サイズ*/
}



/*その他
---------------------------------------------------------------------------*/
.ws,.wl {width: 94%;}
.big1 {font-size: 16px;}
img.fl {margin-right: 5px;margin-bottom: 5px;}
img.fr {margin-left: 5px;margin-bottom: 5px;}
ul.disc {padding: 0em 0px 20px 18px;}


	.col-md-3 {
    width: 100%;
    float: none;
 
}

  .steps-title {
  width: 80%;
margin: 0 auto 30px;
background: #eaeebb;
text-decoration: none;
color: #444;
position: relative;
height: auto;
text-align: center;
padding: 10px;
  }
  .steps-title::after {
    content: "";
    display: block;
    border-top: 20px solid #eaeebb !important;
    border-right: 38vw solid transparent !important;
    border-left: 38vw solid transparent !important;
    border-bottom: none;
    position: absolute;
    width: 0;
    height: 0;
    bottom: -20px !important;
    top: auto !important;
    left: 50%;
    margin-top: 0 !important;
    margin-left: -38vw;
  }

.pc { display: none !important; }
.sp { display: block !important; }

.c3 .list p {
    font-size: 120%;
      }
.box6 {
    padding: 2% 0 50% 0;
}
#contents h2 span {
       font-size: 100%;
   }
#contents h3 {
    padding: 5px 20px;
}
.steps-title {

    font-size: 20px;
}

#menu {
    display: inline;
}
#menu li {

  
    padding:5px;
    width: 90%;
 

}

.container .btn-contact {

    font-size: 160%;


}
#contents h2.teian {
   
    font-size:150%;
 }
p.infotitle {
line-height: 1.5!important;
    font-size: 180%;
	}
.list3 figure {

    width: 100%;
    float: none;

}
.list3 li {
 
    padding: 10px;
    

}
.list3 .text {

    margin-left: 0%;

}

p.service {
 
    padding: 30px !important;

}

img.fl {
width: 100%;
}
.c3 .list {
float: none;
padding: 5%;
margin: 50px auto;
border-radius: 5%;
  
}

.sticky {
    z-index: 3;
	right: -18%;
	text-align: center;
}

.map img {
    background: #eee;
    padding: 2px;

}

.service img.fr {
   
    width: 100%;
}
img.fr {
   
    width:100%;

}

p,dd,dt{

    font-size: 100%;
}
.list h4{

    font-size: 130%;
}
table {
 
    font-size: 120%;
   
}

em {
   
    font-size: 100%;
 }
 .faq {
    padding: 2% 5% ;
}

.service {
  
    padding: 20px !important;
}

.fabt ul li {
   line-height: 0;
    float: none;
    margin-left: 0;
    margin-bottom: 0;
    padding: 20px 10x;
	margin-bottom: 5px;

}
.fabt {
    margin: 20px 5px 30px 5px;
}
#menubar li {
    float: none;
    width: 100%;
    margin: auto;
}
#menubar {
    
    margin-left: 0;
	font-size:110%;
 
}
body.home #menubar {
    margin-top: 122%;
}
#menubar li a {
   
    background: #136910;
    color: #fff;
    border-bottom: 1px solid;
}
.box2 {
  
    padding: 2% 5%;
}

a.btn2 {
    width: 50%;
}

.w65p {
    width: auto;
}
.fl {
    float: none;
}

#headermenu li img {
    width: 30%;
}

.example li {
   margin: 2px;
    padding-bottom: 10px;
}
figure.fr {
       text-align: center;
    margin: 0 auto;
}
.w30p {
    width: 100%;
}

.box4 {
    padding: 3%;
    margin-top: 10px;
}
.box4 h4 span {
    font-size: 100%;
    color: #3fa6e7;
}
.box4 h4 em {
    font-size: 110%;
    color: #ff36b9;
}
.box4 h4 {
    font-size: 20px;
	line-height: 1.5;
   
}
.sticky {

}
.sticky ul{
 position: fixed;
    left:0;
    /*bottom:0;*/
    bottom: 0px;
    width: 100%;
    margin:0;
   padding-left: 1%;
    background-color:#f5f5f5;/*背景色*/
    z-index:30;
} 

.sticky img{
   width: 30%;
} 
.sticky ul li {
    display: inline; 	
  
} 
body.is-fixed-pagetop .nav-fix-pos-pagetop a {
    display: none;} 
	
.list4 {
     margin: 5px 1% 10px;
    padding: 4%;
    float: none;
    padding: 0;
    width: 100%;
}
.rt-headertext {
    display: none;
}
.list_box {display: block;

}

.list3 {
width: 100%;
float: none;
margin: 10px auto;
text-align: center;

}

.acmap {
    padding: 0;
}
.list3 h4 {
       font-size: 130%;
}

.list3 figure img {
    width: 80%;
    margin: 10px auto;
}
}


	
@media screen and (min-width: 650px){	
  .br-pc { display:block; }
  .br-sp { display:none; }
}
@media screen and (max-width: 650px){	
  .br-pc { display:none; }
  .br-sp { display:block; }
}


/*thanksメールcss----------------------------------------*/

.thanks {
    max-width: 760px;
    margin: 0 auto 2rem;
    padding: 1.6rem 0 3.5rem;
        padding-bottom: 3.5rem;
    background: url("../images/arrow.png") no-repeat center/auto 100%;
        background-size: auto 100%;
    color: #04317e;
    font-size: 28px;
    font-weight: bold;
}

/*メールフォームcss----------------------------------------*/

form#mail_form {
	width: 960px;
	margin: 50px auto;
	padding: 10px 0;
	background: #ffffff;
	border: 1px solid #cccccc;
	border-radius: 7px;
	box-shadow: 0 0 7px rgba( 0, 0, 0, 0.2 );
}

form#mail_form dl {
	width: 90%;
	margin: 0 auto;
	overflow: hidden;
}

form#mail_form dl dt {
	clear: both;
	width: 30%;
	float: left;
	border-top: 1px solid #cccccc;
	padding: 15px 0;
	text-align: right;
	overflow: hidden;
}

form#mail_form dl dd {
	width: 65%;
	float: right;
	border-top: 1px solid #cccccc;
	padding: 15px 0 15px 5%;
}

form#mail_form dl dt:first-child,
form#mail_form dl dt:first-child+dd {
	border: none;
}

form#mail_form dl dt span {
	display: block;
	font-size: 85%;
	color: #3377ff;
}


/* -- for JavaScript ここから -------------------------------------------------------------------------------- */

form#mail_form dl dt span.required,
form#mail_form dl dt span.optional {
	display: inline-block;
	float: left;
	color: #ffffff;
	line-height: 1;
	padding: 8px 9px;
	border-radius: 3px;
}

form#mail_form dl dt span.required {
	background: #d9534f;
	border: 1px solid #d43f3a;
}

form#mail_form dl dt span.optional {
	
}

form#mail_form dl dd span.error_blank,
form#mail_form dl dd span.error_format,
form#mail_form dl dd span.error_match {
	display: block;
	color: #ff0000;
	margin-top: 3px;
}


span.loading {
	width: 50px;
	height: 50px;
	border-radius: 50%;
	border-top: 5px solid rgba( 255, 255, 255, 0.2 );
	border-right: 5px solid rgba( 255, 255, 255, 0.2 );
	border-bottom: 5px solid rgba( 255, 255, 255, 0.2 );
	border-left: 5px solid #ffffff;
	-webkit-transform: translateZ( 0 );
	-ms-transform: translateZ( 0 );
	transform: translateZ( 0 );
	-webkit-animation: load-circle 1.0s linear infinite;
	animation: load-circle 1.0s linear infinite;
	position: absolute;
	top: 50%;
	left: 50%;
	margin-top: -30px;
	margin-left: -30px;
}

@-webkit-keyframes load-circle {
	0% {
		-webkit-transform: rotate( 0deg );
		transform: rotate( 0deg );
	}
	100% {
		-webkit-transform: rotate( 360deg );
		transform: rotate( 360deg );
	}
}

@keyframes load-circle {
	0% {
		-webkit-transform: rotate( 0deg );
		transform: rotate( 0deg );
	}
	100% {
		-webkit-transform: rotate( 360deg );
		transform: rotate( 360deg );
	}
}


/* -- for JavaScript ここまで -------------------------------------------------------------------------------- */


form#mail_form input[type="text"],
form#mail_form input[type="email"],
form#mail_form input[type="tel"] {
	max-width: 90%;
	height: 2em;
	padding: 2px 2%;
	border: 1px solid #cccccc;
	border-radius: 3px;
	background: #fafafa;
	-webkit-appearance: none;
	font-size: 100%;
	font-family: inherit;
	margin-top: 7px;
}

form#mail_form input[type="text"]:focus,
form#mail_form input[type="email"]:focus,
form#mail_form input[type="tel"]:focus,
form#mail_form textarea:focus {
	box-shadow: 0px 0px 5px #55ccff;
	border: 1px solid #55ccff;
	background: #ffffff;
}

form#mail_form ul li input[type="radio"],
form#mail_form ul li input[type="checkbox"] {
	margin-right: 10px;
	margin-top: 7px;
}

form#mail_form ul li:first-child input[type="radio"],
form#mail_form ul li:first-child input[type="checkbox"] {
	margin-top: 0px;
}

form#mail_form select {
	font-size: 100%;
	font-family: inherit;
	margin-top: 10px;
}

form#mail_form textarea {
	display: block;
	width: 90%;
	max-width: 90%;
	height: 200px;
	padding: 2px 2%;
	resize: vertical;
	border: 1px solid #cccccc;
	border-radius: 3px;
	background: #fafafa;
	-webkit-appearance: none;
	font-size: 100%;
	font-family: inherit;
}


form#mail_form ul {
	list-style-type: none;
}

form#mail_form ul li label:hover {
	cursor: pointer;
}


form#mail_form input#company {
	width: 60%;
}

form#mail_form input#name_1,
form#mail_form input#name_2,
form#mail_form input#read_1,
form#mail_form input#read_2,
form#mail_form input#postal,
form#mail_form input#phone,
form#mail_form input#schedule {
	width: 80%;
}

form#mail_form input#mail_address,
form#mail_form input#mail_address_confirm {
	width: 80%;
}

form#mail_form input#postal+a {
	display: inline-block;
	padding: 9px 15px;
	vertical-align: middle;
	line-height: 1;
	background: #5bc0de;
	border: 1px solid #46b8da;
	border-radius: 3px;
	color: #ffffff;
	font-family: inherit;
	text-decoration: none;
	position: relative;
	top: -1px;
}

form#mail_form input#postal+a:hover {
	cursor: pointer;
	background: #31b0d5;
	border: 1px solid #269abc;
}

form#mail_form input#address {
	width: 90%;
}


form#mail_form p#form_submit {
	width: 72%;
	margin: 0 auto;
	padding: 15px 0;
	border-top: 1px solid #cccccc;
	text-align: center;
}

form#mail_form input[type="submit"] {
	padding: 25px 60px;
	vertical-align: middle;
	line-height: 1;
background: #0d426f;
border: 1px solid #1e1d1d;
border-radius: 5px;
	color: #ffffff;
	font-family: inherit;
	-webkit-appearance: none;
	font-size: 100%;
}

form#mail_form input[type="submit"]:hover {
	cursor: pointer;
background: #6a6969;
border: 1px solid #535050;
}

form#mail_form input#form_submit_button {
	
	
}


form#mail_form dl dt span.required {
    background: #d9534f;
    border: 1px solid #d43f3a;
}


form#mail_form dl dt span.required, form#mail_form dl dt span.optional {
    display: inline-block;
    float: left;
    color: #ffffff;
    line-height: 1;
    padding: 8px 9px;
    border-radius: 3px;
}

form#mail_form dl dt span {
    display: block;
    font-size: 85%;
    color: #3377ff;
}

form#mail_form dl dt {
    text-align: right;
	font-size: 90%;
}
/* -- responsive ----------------------------------------------------------------------------------------------------------------- */

/* 1000pixel start */
@media screen and ( max-width: 1000px ) {

form#mail_form {
	width: 95%;
	padding-bottom: 50px;
}

form#mail_form dl {
	overflow: visible;
}

form#mail_form dl dt {
	width: auto;
	float: none;
	text-align: left;
	padding: 10px 0 5px;
	font-weight: bold;
}

form#mail_form dl dd {
	width: auto;
	float: none;
	border-top: none;
	padding: 0px 0 13px 0px;
}

form#mail_form dl dt span {
	font-weight: normal;
}


/* -- for JavaScript ここから -------------------------------------------------------------------------------- */

form#mail_form dl dt span.required,
form#mail_form dl dt span.optional {
	margin-right: 1em;
	margin-bottom: 2em;
}


/* -- for JavaScript ここまで -------------------------------------------------------------------------------- */

form#mail_form input[type="text"],
form#mail_form input[type="email"],
form#mail_form input[type="tel"] {
	margin-top: 0px;
}

form#mail_form input#form_submit_button {
	margin-left: 0;
}

form#mail_form select {
	margin-top: 0;
}

form#mail_form input#phone,
form#mail_form input#schedule {
	width: 50%;
}

}

@media screen and (max-width:750px){
/* 1000pixel end */

form#mail_form input#name_1,
form#mail_form input#name_2,
form#mail_form input#read_1,
form#mail_form input#read_2,
form#mail_form input#postal,
form#mail_form input#phone,
form#mail_form input#schedule {
	width: 100%;
}
form#mail_form input#mail_address, form#mail_form input#mail_address_confirm {
    width: 90%;
}

.thanks {
     margin: 0 auto;
    padding: 1.6rem 0 3.5rem;
    font-size: 20px;
    font-weight: bold;
}

}

/*PC表示の際はボトムメニューは表示しない*/
@media(min-width: 801px){
    .sticky{display:none; }
}

/* ----追跡バナー↓ ---------------------------------------------- */
.floating-banner {
  position: fixed;
  z-index: 99999;
  top: 250px;
  right: 5px;
}
.floating-banner:hover {
  opacity: .8;
}
.banner {
  width: 100px; /* バナーの横幅 */
  height: 300px
  ; /* バナーの高さ */
  padding-top: 40px;
  background: linear-gradient(86.13deg, #7080F7 -3.42%, #3E9ED9 59.59%); /* バナーの背景色 */
  color: #fff; /* バナー内の文字色 */
  font-weight: bold;
  text-align: center;

}
a {
  text-decoration: none; /* リンクに下線が入らないように */
}
.copy {
  font-size: 25px;
 margin: 0 auto;
  line-height: 1.6;
    -ms-writing-mode: tb-rl;
      writing-mode: vertical-rl;
padding: 0 3%;
}
.cta {
  display: inline-block;
  width: 100px;
  height: 50px;
  line-height: 50px;
  font-size: 15px;
  background: linear-gradient(270deg, #F4A240 0%, #E3A608 100%); /* ボタンの背景 */
  margin-top: 20px;

}

@media screen and (max-width: 990px) {
  .floating-banner {
    display: none;
  }
}

@media screen and (max-width: 800px) {
  .floating-banner {
    display: inline-block;
    top: unset;
    right: 0;
    /*bottom: 75px;*/
    bottom: 0;
  }
  .banner {
    width: 100vw;
    height: 30px;
    padding: 8px;
  }

  .copy {
    font-size: 17px;
    margin: 0 auto 6px;
	writing-mode: horizontal-tb;
  }
  .cta {
   display: none;
  }
}


/* ----追跡バナー↑---------------------------------------------- */




/**********************/
/***  placeholder   ***/
/**********************/

input::-webkit-input-placeholder {
    color: #acacac;
    font-weight: normal;
}
input:-moz-placeholder {
    color: #acacac;
    font-weight: normal;
}
input::-moz-placeholder {
    color: #acacac;
    font-weight: normal;
}
input:-ms-input-placeholder {
    color: #acacac;
    font-weight: normal;
}


textarea::-webkit-input-placeholder {
    color: #acacac;
    font-weight: normal;
}
textarea:-moz-placeholder {
    color: #acacac;
    font-weight: normal;
}
textarea::-moz-placeholder {
    color: #acacac;
    font-weight: normal;
}
textarea:-ms-input-placeholder {
    color: #acacac;
    font-weight: normal;
}
/*************************/
/***  placeholder END  ***/
/*************************/

/*********************/
/*****   form    *****/
/*********************/
.form-example { width: 40px; text-align: center; font-size: 10px; margin: 2px 5px; padding: 2px; color: #ffffff; background-color: rgba(183,223,255,0.30);}

.catalog-block { padding: 20px 0px; margin: 20px 0px; }
.catalog-block h3 { width: 100%; font-size: 17px; }
.catalog-block img { display: block; max-width: 100%; float: left; margin: 5px 20px 20px 0px;}
p.catalog-text { padding: 10px; font-size: 15px; line-height: 180%; }

.catalog-check {display: block; background-color: #efefef; padding: 10px; border-radius: 5px; border: solid 1px rgba(13,97,170,1); }


.form-table { border: solid 2px #eee; padding: 20px; border-radius: 10px; clear: both;}
.form-table label { width: 100%; background-color: #fafffa; margin: 0px; padding: 10px; }

.form-tablenew { margin: 0px auto; border: solid 2px #eee; padding: 50px; border-radius: 10px; clear: both; background-color: #ffffff;}
table.formboxnew { width: 80%; margin: 0px auto; }
.formboxnew th { text-align: center; width: 30%; border-bottom: solid 1px #cccccc; margin: 0px; padding: 10px; font-size: 14px; font-weight: bold; }
.formboxnew td { width: 70%; background-color: #ffffff; margin: 0px; padding: 10px; font-size: 14px; font-weight: normal; }
span.zipcodeicon { float: left; margin: 10px 5px 5px 0px; font-size: 120%;}

.wpcf7 input[name="your-setyear"] { width: 20%; float: left; margin: 0px 5px 0px 0px;} 
span.td-span { margin: 7px 5px 5px 5px; font-size: 100%; display: block; float: left;}
.wpcf7 input[name="your-setmonth"] { width: 20%; float: left; margin: 0px 5px 0px 0px;} 
span.td-span { margin: 7px 5px 5px 5px; font-size: 100%; display: block; float: left;}

.wpcf7 input[name="your-company"] { width: 60%; } 
.wpcf7 input[name="your-name"] { width: 60%; } 
.wpcf7 input[name="your-kana"]  { width: 60%; } 
.wpcf7 input[name="your-tel"] { width: 50%; } 
.wpcf7 input[name="your-fax"] { width: 50%; } 
.wpcf7 input[name="your-email"]  { width: 70%; } 
.wpcf7 input[name="your-zipcode"] { width: 30%; } 
.wpcf7 input[name="your-address"] { width: 80%; }
.wpcf7 input[name="your-address02"] { width: 80%; }
.wpcf7 input[name="your-day"] { width: 20%; }
.wpcf7 input[name="your-time"] { width: 20%; }
.wpcf7 input[name="your-month1"] { width: 20%; display: inline; margin: 0px 5px; }
.wpcf7 input[name="your-day1"] { width: 20%; display: inline; margin: 0px 5px; }
.wpcf7 input[name="your-month2"] { width: 20%; display: inline; margin: 0px 5px; }
.wpcf7 input[name="your-day2"] { width: 20%; display: inline; margin: 0px 5px; }
.wpcf7 input[name="your-month3"] { width: 20%; display: inline; margin: 0px 5px; }
.wpcf7 input[name="your-day3"] { width: 20%; display: inline; margin: 0px 5px; }
/*** #type { width: 20%; display: inline; margin: 0px 5px;} 20230823commentout ***/
.wpcf7 select[name="your-person"] { width: 20%; display: inline; margin: 0px 5px; } 
.wpcf7 select[name="your-person-child"] { width: 20%; display: inline; margin: 0px 5px; } 
.wpcf7 input[name="your-childage"]  { width: 60%; } 

.wpcf7 input[name="your-introducer"]  { width: 60%; } 
.wpcf7 textarea[name="your-message"] { width: 100%; box-sizing:border-box; }

.wpcf7-submit  { width: 100%; height: 3rem; } 

.wpcf7 select[name="your-month1"] { width: 20%; display: inline; margin: 0px 5px 0px 0px; }
.wpcf7 select[name="your-day1"] { width: 20%; display: inline; margin: 0px 5px 0px 0px; }
.wpcf7 select[name="time1"] { width: 20%; display: inline; margin: 0px 5px 0px 0px; }
.wpcf7 select[name="your-month2"] { width: 20%; display: inline; margin: 0px 5px 0px 0px; }
.wpcf7 select[name="your-day2"] { width: 20%; display: inline; margin: 0px 5px 0px 0px; }
.wpcf7 select[name="time2"] { width: 20%; display: inline; margin: 0px 5px 0px 0px; }
.wpcf7 select[name="your-month3"] { width: 20%; display: inline; margin: 0px 5px 0px 0px; }
.wpcf7 select[name="your-day3"] { width: 20%; display: inline; margin: 0px 5px 0px 0px; }
.wpcf7 select[name="time3"] { width: 20%; display: inline; margin: 0px 5px 0px 0px; }

input { border-radius: 5px; height: 1.5rem; border: solid 1px #aaaaaa; padding: 5px 10px; }
textarea { border-radius: 5px; border: solid 1px #aaaaaa; padding: 5px 10px; }
select { border-radius: 5px; border: solid 1px #aaaaaa; padding: 5px 10px; }
.wpcf7-checkbox span.wpcf7-list-item-label {position: relative; top: -5px;}

@media only screen and (max-width: 991.98px) { /***** SMART991以下 ******/

.form-example { width: 40px; text-align: center; font-size: 10px; margin: 2px 5px; padding: 2px; color: #ffffff; background-color: rgba(183,223,255,0.30);}

.catalog-block { padding: 20px 0px; margin: 20px 0px; }
.catalog-block h3 { width: 100%; font-size: 17px; }
.catalog-block img { display: block; max-width: 100%; margin: 5px auto;}
p.catalog-text { padding: 10px; font-size: 15px; line-height: 180%; }

.catalog-check {display: block; background-color: #efefef; padding: 10px; border-radius: 5px; border: solid 1px rgba(13,97,170,0.50); }


.form-table { border: solid 2px #eee; padding: 20px; border-radius: 10px; clear: both;}
.form-table label { width: 100%; background-color: #fafffa; margin: 0px; padding: 10px; }

.form-tablenew { margin: 0px auto; border: solid 2px #eee; padding: 50px; border-radius: 10px; clear: both; background-color: #ffffff;}
table.formboxnew { width: 100%; margin: 0px auto; }
.formboxnew th { text-align: center; width: 30%; border-bottom: solid 1px #cccccc; margin: 0px; padding: 10px; font-size: 14px; font-weight: bold; }
.formboxnew td { width: 70%; background-color: #ffffff; margin: 0px; padding: 10px; font-size: 14px; font-weight: normal; }
span.zipcodeicon { float: left; margin: 15px 5px 5px 0px; font-size: 120%;}

.wpcf7 input[name="your-setyear"] { width: 35%; float: left; margin: 0px 5px 0px 0px;} 
span.td-span { margin: 7px 5px 5px 5px; font-size: 100%; display: block; float: left;}
.wpcf7 input[name="your-setmonth"] { width: 35%; float: left; margin: 0px 5px 0px 0px;} 
span.td-span { margin: 7px 5px 5px 5px; font-size: 100%; display: block; float: left;}

.wpcf7 input[name="your-company"] { width: 90%; } 
.wpcf7 input[name="your-name"] { width: 90%; } 
.wpcf7 input[name="your-kana"]  { width: 90%; } 
.wpcf7 input[name="your-tel"] { width: 90%; } 
.wpcf7 input[name="your-fax"] { width: 90%; } 
.wpcf7 input[name="your-email"]  { width: 90%; } 
.wpcf7 input[name="your-zipcode"] { width: 70%; } 
.wpcf7 input[name="your-address"] { width: 80%; }
.wpcf7 input[name="your-address02"] { width: 80%; }
.wpcf7 input[name="your-day"] { width: 50%; }
.wpcf7 input[name="your-time"] { width: 50%; }
.wpcf7 input[name="your-month1"] { width: 40%; display: inline; margin: 0px 5px; }
.wpcf7 input[name="your-day1"] { width: 40%; display: inline; margin: 0px 5px; }
.wpcf7 input[name="your-month2"] { width: 40%; display: inline; margin: 0px 5px; }
.wpcf7 input[name="your-day2"] { width: 40%; display: inline; margin: 0px 5px; }
.wpcf7 input[name="your-month3"] { width: 40%; display: inline; margin: 0px 5px; }
.wpcf7 input[name="your-day3"] { width: 40%; display: inline; margin: 0px 5px; }
/**#type { width: 40%; display: inline; margin: 0px 5px;}**/
.wpcf7 select[name="your-person"] { width: 40%; display: inline; margin: 0px 5px; vertical-align:middle; } 
.wpcf7 select[name="your-person-child"] { width: 40%; display: inline; margin: 0px 5px; vertical-align:middle; } 
.wpcf7 input[name="your-childage"]  { width: 60%; } 

.wpcf7 input[name="your-introducer"]  { width: 100%; } 
.wpcf7 textarea[name="your-message"] { width: 100%; }
.wpcf7-submit  { width: 100%; height: 2rem; } 

.wpcf7 select[name="your-month1"] { width: 25%; display: inline; margin: 0px 5px 0px 0px; }
.wpcf7 select[name="your-day1"] { width: 25%; display: inline; margin: 0px 5px 0px 0px; }
.wpcf7 select[name="time1"] { width: 25%; display: inline; margin: 0px 5px 0px 0px; }
.wpcf7 select[name="your-month2"] { width: 25%; display: inline; margin: 0px 5px 0px 0px; }
.wpcf7 select[name="your-day2"] { width: 25%; display: inline; margin: 0px 5px 0px 0px; }
.wpcf7 select[name="time2"] { width: 25%; display: inline; margin: 0px 5px 0px 0px; }
.wpcf7 select[name="your-month3"] { width: 25%; display: inline; margin: 0px 5px 0px 0px; }
.wpcf7 select[name="your-day3"] { width: 25%; display: inline; margin: 0px 5px 0px 0px; }
.wpcf7 select[name="time3"] { width: 25%; display: inline; margin: 0px 5px 0px 0px; }

input { border-radius: 5px; height: 2rem; border: solid 1px #aaaaaa; padding: 5px 10px; }
textarea { border-radius: 5px; border: solid 1px #aaaaaa; padding: 5px 10px; }
select { border-radius: 5px; border: solid 1px #aaaaaa; padding: 5px 10px; }
.wpcf7-checkbox span.wpcf7-list-item-label {position: relative; top: -9px;}

} /***** 横幅991px以下 END *****/
/*********************/
/***** form END  *****/
/*********************/