@charset "UTF-8";
/* CSS Document */

@import url(https://fonts.googleapis.com/earlyaccess/sawarabimincho.css);

/* */
* {
margin: 0;
padding: 0;
}

/* ------------------------------------------------------------
template
------------------------------------------------------------*/

a:link {
}
a:visited {
}
a:hover {
}
a:hover img{
opacity:0.70;
filter:alpha(opacity=70);
-ms-filter: "alpha( opacity=70 )";
-moz-opacity:0.70;
}
a:active {
}


/* box-sizing */
#cont-wrap *, #cont-wrap *:before, #cont-wrap *:after {
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
         -o-box-sizing: border-box;
        -ms-box-sizing: border-box;
            box-sizing: border-box;
}

/* イメージ */
#cont-wrap img { width: 100%; }

/* フォントカラー */
.fc-black{ color:#000000 !important; }
.fc-green{ color:#00A988 !important; }
.fc-orange{ color:#E9872E !important; }
.fc-red{ color:#EB7992 !important; }
.fc-blue{ color:#0078C6 !important; }
.fs-bold{ font-weight:bold !important;}
.underline{ text-decoration:underline; }



/* スペース */
.mb20 { margin-bottom: 20px; }
.mb40 { margin-bottom: 40px; }
.last-block { margin-bottom: 60px; }
.p00{padding: 0px; margin:0px;}
.p05 { padding: 5px; }
.p10 { padding: 10px; }
.p15 { padding: 15px; }
.p20 { padding: 20px; }
.pt20{ padding-top: 20px;}
.pt40{ padding-top: 40px;}
.pb20 { padding-bottom: 20px; }
.pb40 { padding-bottom: 20px; }
.mt20{ margin-top: 20px; }
.mt40{ margin-top: 40px; }
.mt60{ margin-top: 60px; }

/* PCのみ */
.pl20 { padding-left: 20px; }
.pl40 { padding-left: 40px; }
.pl80 { padding-left: 80px; }
.pr20 { padding-right: 20px; }
.pr40 { padding-right: 40px; }
.pr80 { padding-right: 80px; }


/* フロート */
.left {
    float: left;
}
.right {
    float: right;
}



/* テキスト行替え */
.txt-break { display:block; }


/* ページタイトル */
#paga-title {
    width: 100%;
	background-size: cover;
	min-height: 380px;
    margin: auto;
}
.service #paga-title {
	background: url(../images/service/service_top.jpg) no-repeat top center;
	background-size: cover;
}
.beginner #paga-title {
	background: url(../images/beginner/top.jpg) no-repeat top center;
	background-size: cover;
}
.contact #paga-title {
	background: url(../images/contact/top.jpg) no-repeat top center;
	background-size: cover;
}

#paga-title h1 {
    display: block;
    width: 100%;
	margin: auto;
    padding: 80px 10% 0 0;
	text-align: right;
	font-size: 50px;
	letter-spacing: 3px;
	
}
#paga-title h1.white {
    color: #fff;
	text-shadow: 2px 2px 3px #666;
}

.mincho{
	font-family: "Sawarabi Mincho","YuMincho","Yu Mincho","ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "serif";
		font-size:120%;
	font-weight: bold;
	
}

/* パンくず */
#pankuzu {
    width:100%;
    padding: 12px 0 12px 10px;
    background: #e0dcd9;
}
#pankuzu ul {
display: block;
width: 1020px;
margin: auto;
}
#pankuzu ul li {
    display: inline;
}
#pankuzu ul li span:before {
    content: "＞";
	pointer-events: none;
	cursor: default;
	text-decoration: none;
	padding: 0 6px;
	font-size: 80%;
	color: #000;
}
#pankuzu a{color:#ff8308;}
#pankuzu a:hover{color:#eca25d;}

/* セカンドページ大元 */
.cont-second {
	width: 940px;
	margin: 60px auto 0;
}
	
	
	
/* キャッチ */
.page-catch {
    margin: 0 0 60px 0;
	text-align: center;
	font-size: 22px;
	font-weight: 300;
}



/* ページ見出し */
h2.tit-style {
    font-weight: 400;
	font-size: 30px;
	letter-spacing: .1em;
}

h2.tit-style span{
	
border-width : 0px 0px 2px 0px;
border-color: #3a1e03;
border-style : solid ;
}

h2.tit-style2 {
    font-weight: 400;
	font-size: 30px;
	letter-spacing: .1em
}



h3.tit-style2 {
    font-size: 20px;
	font-weight: 300;
}
h3.tit-style2 span {}



/* テキストエリア */
.txt-area p {
	margin-bottom: 20px;
}



/* カラム */
.row,
.article{ width:100%; box-sizing:border-box; }
.row:after, .article:after{ content: ""; clear: both; height: 0; display: block; visibility: hidden; }
.col-md-1 { width: 8.333%; }
.col-md-2 { width: 16.663%; }
.col-md-3 { width: 24.99%; }
.col-md-4 { width: 33.332%; }
.col-md-5 { width: 41.665%; }
.col-md-6 { width: 49.998%; }
.col-md-7 { width: 58.331%; }
.col-md-8 { width: 66.664%; }
.col-md-9 { width: 74.997%; }
.col-md-10 { width: 83.33%; }
.col-md-11 { width: 91.663%; }
.col-md-12 { width: 99.996%; }



[class*="col-md-"] img {
    width: 100%;
}
	
/* テーブルスタイル1 */
.teble-wrap .table-style1 { width: 100%; border-top: 1px dashed #000;}
.teble-wrap .table-style1 th { width: 20%; padding: 6px 0; vertical-align: top; font-weight: 100; border-bottom: 1px dashed #000; background: #f8e2cc; line-height: 200%; }
.teble-wrap .table-style1 td { width: 80%; padding: 6px 30px; border-bottom: 1px dashed #000; line-height: 200%; }

/* テーブルスタイル2 */
.teble-wrap .table-style2 { width: 100%; border-top: 1px dashed #000; margin-bottom: 40px; }
.teble-wrap .table-style2 th { width: 30%; background: #e0ddd5; font-weight: 100; padding: 22px; border-bottom: 1px dashed #000; border-right: 1px solid #000; text-align: left; vertical-align: top; }

.teble-wrap .table-style2 td { width: 70%; border-bottom: 1px dashed #000; padding: 20px 20px 20px 30px;  }
.teble-wrap .table-style2 td .txt { display: block; margin-top: 15px; }

.teble-wrap .txt-box {
    display: block;
    border: #000 solid 1px;
    padding: 12px;
    margin-bottom: 30px;
}
.teble-wrap .txt-box span {
    display: block;
    font-size: 20px;
    margin-bottom:  12px;
}

/* フォーム部分 */
.teble-wrap .table-style2 th.req:after {
    content: "必須";
    display: inline-block;
    float: right;
    position: relative;
    right: 0;
    background: #d40a0a;
    padding: 0 10px;
    color: #fff;
}
.teble-wrap .table-style2 th.any:after {
    content: "任意";
    display: inline-block;
    float: right;
    position: relative;
    right: 0;
    background: #fff;
    padding: 0 10px;
    color: #000;
}

.teble-wrap .button {
    display: block;
    width: 100%;
    text-align: center;
}
.teble-wrap .button .reset {
display: inline-block;
width: 180px;
background: #fff;
border: #000 1px solid;
padding: 5px 0;
font-size: 18px;
}
.teble-wrap .button .reset:before {
content: "<";
float: left;
padding-left: 10px;
}
.teble-wrap .button .reset:after {
content: "　";
}

.teble-wrap .button .reset:hover{
	color:#fff;
	background: #d76a49;
}

.teble-wrap .button .submit {
display: inline-block;
width: 180px;
background: #fff;
border: #000 1px solid;
padding: 5px 0;
margin-left: 15px;
font-size: 18px;
}
.teble-wrap .button .submit:before {
content: "　";
}
.teble-wrap .button .submit:after {

content: ">";
float: right;
padding-right: 10px;
}
.teble-wrap .button .submit:hover{
	color:#fff;
	background: #d76a49;
}

.teble-wrap .text {
    border: 1px solid #000;
    padding: 5px;
    color: #000;
    background: #f0efdb;
	font-size: 18px;
}
.teble-wrap .text.w20 {
    width: 20%;
}
.teble-wrap .text.w30 {
    width: 30%;
}
.teble-wrap .text.w35 {
    width: 35%;
}
.teble-wrap .text.wtxt {
    width: 100%;
	height: 240px;
}

/* 表組み　dl */
.dl-table {
    box-sizing: border-box;
    width: 100%;
}
.dl-table dt {
    padding: 10px 0 10px;
    width: 20%;
    font-weight: bold;
    float: left;
}
.dl-table dd {
    padding: 10px 7px 10px 22%;
    border-bottom: #DDDDDD solid 1px;
}

/* リスト */
ul li {
    list-style: none;
}
.list-disc {
    margin-left: 18px;
}
.list-disc li {
    list-style: outside disc;
    margin: 7px 0 5px;
}
.list-number {
    margin-left: 15px;
}
.list-number li {
    list-style: outside decimal;
    margin: 7px 0 5px;
}
.list-com li {
    list-style: none;
    padding-left: 16px;
    margin-top: 7px;
    margin-bottom: 5px;
    position: relative;
}
.list-com li:before {
    content: "※";
    position: absolute;
    left: 0px;
    top: 0;
}


.case-number{
	width:100%;
	height:100px;
	font-family:"ＭＳ Ｐゴシック", "MS PGothic",serif; 
	margin-top:40px;	
}

.caseBtn{
	font-size:12px;
	width:30px;
	height:30px;
	padding:8px 11px;
	text-align:center;
	line-height:25px;
	margin-left: 1px;
	cursor: pointer;
	border:1px solid #ccc;
	color:#eca25d;
}

.caseBtn a:link {
	color:#eca25d;
}

.caseBtn:hover {
	background-color:#eee;
}


.currentCase {
	font-size:12px;
	width:30px;
	height:30px;
	padding:8px 11px;
	text-align:center;
	line-height:25px;
	margin-left: 1px;
	background-color:#eca25d;
	border:1px solid #eca25d;
	color:#fff;
}


.prev-next-Btn{
	font-size:12px;
	width:30px;
	height:30px;
	padding:8px;
	text-align:center;
	line-height:25px;
	margin-left: 1px;
	cursor: pointer;
	border:1px solid #ccc;
	letter-spacing:-0.1em;
}

.prev-next-Btn a:link {
	color:#eca25d;
	
}
.prev-next-Btn:hover {
	background-color:#eee;
}

.current-Btn{
	font-size:12px;
	width:30px;
	height:30px;
	padding:8px;
	text-align:center;
	line-height:25px;
	margin-left: 1px;
	border:1px solid #ccc;
	color:#000;
	letter-spacing:-0.1em;
}






/* スマホ用 */
@media screen and (max-width: 719px) {
	
/* ページタイトル */
#paga-title {
	min-height: 150px;
	margin:0 auto;
	}

.service #paga-title {
	min-height: 150px;
}
.beginner #paga-title {
	min-height: 150px;
}
.contact #paga-title {
	min-height: 150px;
}

#paga-title h1 {
    width: 100%;
    padding:40px 20px 0 20px;
	font-size: 28px;
	
}
#paga-title h1.white {
    color: #fff;
	text-shadow: 2px 2px 3px #666;
}

/* パンくず */
#pankuzu {
    width:100%;
	font-size: 14px;
	padding: 4px;
}
#pankuzu ul {
	width: 100%;
}

#pankuzu ul li span:before {
	font-size: 14px;
	padding: 0 4px;
}

/* セカンドページ大元 */
.cont-second {
	width: 90%;
	margin: 30px auto 0;
}
	
/* キャッチ */
.page-catch {
    margin: 0 0 20px 0;
	text-align: center;
	font-size: 18px;
}	

/* ページ見出し */
h2.tit-style {
	font-size: 20px;
	text-align: center;
}

h3.tit-style2 {
    font-size: 18px;
	font-weight: 300;
	text-align: center;
}	

h2.tit-style span {
    margin-left: 10px;
	line-height: 230%;
}
	
.col-md-2 { width: 40%; }
.col-md-3 { width: 60%; }
.col-md-4 { width: 90%; }
.col-md-5 { width: 50%; }
.col-md-6 { width: 100%; }
.col-md-7 { width: 90%; }
.col-md-8 { width: 100%; }

	
.pl20 { padding-left: 20px; }
.pl40 { padding-left: 40px; }
.pl80 { padding-left: 0px; }
.pr20 { padding-right: 20px; }
.pr40 { padding-right:0px; }
.pr80 { padding-right:0px; }	


.last-block { margin-bottom: 20px; }

.txt-break { display:inline; }	


.teble-wrap .table-style1 th { width: 30%; font-size:14px; }
.teble-wrap .table-style1 td { width: 70%; padding: 6px 10px; font-size:16px;}

/* テーブルスタイル2 */
.teble-wrap .table-style2 { width: 100%; border-top: 0px; margin-bottom: 10px; }
.teble-wrap .table-style2 th { width: 100%; background: #e0ddd5; font-weight: 100; padding: 10px; border-bottom: 1px dashed #000; border-right:0px solid #000; text-align: left; vertical-align: top; }

.teble-wrap .table-style2 td { width: 100%; border-bottom: 0px; padding: 20px 5px;  }
.teble-wrap .table-style2 td .txt { display: block; margin-top: 5px; }

.teble-wrap .txt-box {
    display: block;
    border: #000 solid 1px;
    padding: 12px;
    margin-bottom: 30px;
}
.teble-wrap .txt-box span {
    display: block;
    font-size: 20px;
    margin-bottom:  12px;
}

/* フォーム部分 */
.teble-wrap .button {
    display: inline-block;
    width: 100%;
    text-align: center;
	margin:0 auto;
}
.teble-wrap .button .reset {
display: inline;
width: 45%;
}



.teble-wrap .button .submit {
display: inline;
width: 45%;
}

.teble-wrap .text {
    padding: 5px;
	font-size: 18px;
}
.teble-wrap .text.w25 {
    width: 25%;
}
.teble-wrap .text.w70 {
    width: 100%;
}

.teble-wrap .text.wtxt {
    width: 100%;
	height: 180px;
}

}