/*
 * Author: Carlos Alvarez
 * URL: http://Alvarez.is
 *
 * Project Name: SHIELD - Free Bootstrap 3 Theme
 * Version: 1.0
 * Date: 02-11-2013
 * URL: http://blacktie.co/
 */


/* ==========================================================================
   Base Styles and Bootstrap Modifications
   ========================================================================== */

html,
button,
input,
select,
textarea {
    color: #222;
}

body {
    font-size: 1em;
    line-height: 1.4;
}

/*
 * Remove text-shadow in selection highlight: h5bp.com/i
 * These selection rule sets have to be separate.
 * Customize the background color to match your design.
 */

::-moz-selection {
    background: #f2c2c9;
    color: #a4003a;
    text-shadow: none;
}

::selection {
    background: #16a085;
    color: #a4003a;
    text-shadow: none;
}

/*
 * A better looking default horizontal rule
 */

 hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #ccc;
    margin: 1em 0;
    padding: 0;
}

/*
 * Remove the gap between images and the bottom of their containers: h5bp.com/i/440
 */

 img {
    vertical-align: middle;
}

/*
 * Allow only vertical resizing of textareas.
 */

 textarea {
    resize: vertical;
}


/* ==========================================================================
   General styles
   ========================================================================== */

html,
body {
    height: 100%;
}

body {
    font-family: "メイリオ","Meiryo";
    font-weight: 300;
    font-size: 16px;
    color: #000;

    -webkit-font-smoothing: antialiased;
    -webkit-overflow-scrolling: touch;
}

.col-md-4 {
	padding-bottom: 20px;
}

.modal-header {
	background: #3498db;
}

.modal-header h4 {
	color: white;
}

.modal-footer {
	background: #2b2b2b;
}

ul { padding:0; }

li { list-style-type : none; }

hr {
    position: relative;
    border: none;
}

hr:before {
    content: " ";
    position: absolute;
    top: 0;
    left: 25%;
    width: 50%;
    height: 2px;
    background: #ccc;
}

a img {
    background: white;
}

.odd a img {
    background: #f5f5f5;
}

/* Titles */
h1, h2, h3, h4, h5, h6 {
    font-weight: 300;
}


/* Paragraph & Typographic */
p {
    margin-bottom: 25px;
}

.centered {
    text-align: center;
}

.paragraph-lead {
    font-size: 20px;
    color: #3498db;
}

strong {
    font-weight: 700;
}

em {
    font-weight: 300;
}

pre {
    background: #ebebeb;
    border: none;
    font-family: "Monaco";
    font-size: 16px;
    color: #666;
    padding: 20px;
    line-height: 28px;
}

small {
    font-size: 12px;
}

blockquote,
blockquote p {
    line-height: 28px;
    color: #999;
    font-weight: 300;
    font-style: italic;
}

blockquote {
    position: relative;
    margin: 0 0 40px -30px;
    padding-left: 30px;
    border-left: 5px solid #3498db;
}

blockquote cite {
    position: absolute;
    bottom: -25px;
    right: 0;
    font-size: 12px;
    font-style: italic;
    color: #333;
    font-weight: 300;
}

blockquote cite:before {
    content: "-- "
}

/* Images */
.overflow-image {
    margin-top: -65px;
}

/* Links */
a {
    color: #3498db;
    word-wrap: break-word;

    -webkit-transition: color 0.1s ease-in, background 0.1s ease-in;
    -moz-transition: color 0.1s ease-in, background 0.1s ease-in;
    -ms-transition: color 0.1s ease-in, background 0.1s ease-in;
    -o-transition: color 0.1s ease-in, background 0.1s ease-in;
    transition: color 0.1s ease-in, background 0.1s ease-in;
}

a:hover,
a:focus {
    color: #c0392b;
    text-decoration: none;
    outline: 0;
}

a:before,
a:after {
    -webkit-transition: color 0.1s ease-in, background 0.1s ease-in;
    -moz-transition: color 0.1s ease-in, background 0.1s ease-in;
    -ms-transition: color 0.1s ease-in, background 0.1s ease-in;
    -o-transition: color 0.1s ease-in, background 0.1s ease-in;
    transition: color 0.1s ease-in, background 0.1s ease-in;
}

/* font */
.bold { font-weight:bold; }
.accent01 { color:#cc0000; }
.accent02 { color:#ff6600; }
.accent03 { color:#febd00; }
.accent04 { color:#663300; }

.font16 { font-size:16px; }
.font20 { font-size:20px; }
.font23 { font-size:23px; }
.font24 { font-size:24px; }

.uline01 { background:url(../img/bg_uline01.gif) left 20px repeat-x; }
.uline02 { background:url(../img/bg_uline02.gif) left center repeat-x; }
.uline03 { background-color:#cc0000; color:#fff; padding:0 5px; font-weight:bold; }

/* clearfix */
.clearfix:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
.clearfix {display: inline-table;}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
*+html .clearfix {min-height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

.righting{ text-align:right; }
.centering{ text-align:center; }

.leftbox { float:left; }
.rightbox { float:right; }

.br-pcoff { display:none; }


/* ==========================================================================
   見出し
   ========================================================================== */
.midashi00 {
	border-top:4px solid #2a1c00;
	border-bottom:4px solid #46371c;
}
.midashi00 .inner {
  background-image: -webkit-linear-gradient(bottom, rgba(42, 28, 0, 1) 0%, rgba(70, 55, 28, 1) 100%);
  background-image: -o-linear-gradient(bottom, rgba(42, 28, 1) 0%, rgba(70, 55, 28, 1) 100%);
  background-image: linear-gradient(to bottom, rgba(42, 28, 0, 1) 0%, rgba(70, 55, 28, 1) 100%);
  background-repeat: repeat-y;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff2a1c00', endColorstr='#ff46371c', GradientType=1);
	border-top:1px solid #958e80;
	border-bottom:1px solid #958e80;
}
.midashi00 h2 {
	color:#fff;
	margin:0;
}
.midashi00 h2 span { 
	background:url(../img/bg_midashi01.gif) 20px center no-repeat;
	display:block;
	padding:50px 0 40px 80px;
}


.midashi01 {
	border-top:4px solid #2a1c00;
	border-bottom:4px solid #46371c;
}

.midashi01 .inner {
  background-image: -webkit-linear-gradient(bottom, rgba(42, 28, 0, 1) 0%, rgba(70, 55, 28, 1) 100%);
  background-image: -o-linear-gradient(bottom, rgba(42, 28, 1) 0%, rgba(70, 55, 28, 1) 100%);
  background-image: linear-gradient(to bottom, rgba(42, 28, 0, 1) 0%, rgba(70, 55, 28, 1) 100%);
  background-repeat: repeat-y;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff2a1c00', endColorstr='#ff46371c', GradientType=1);
	border-top:1px solid #958e80;
	border-bottom:1px solid #958e80;
}

.midashi01 h2 {
	color:#fff;
	text-align:center;
	margin:0;
}

.midashi01 h2 span { 
	background:url(../img/bg_midashi01.gif) 20px center no-repeat;
	display:block;
	padding:50px 0 40px 80px;
}

.midashi02 {
	border-top:4px solid #2a1c00;
	border-bottom:4px solid #46371c;
}

.midashi02 h2 { 
  background-image: -webkit-linear-gradient(bottom, rgba(42, 28, 0, 1) 0%, rgba(70, 55, 28, 1) 100%);
  background-image: -o-linear-gradient(bottom, rgba(42, 28, 0, 1) 0%, rgba(70, 55, 28, 1) 100%);
  background-image: linear-gradient(to bottom, rgba(42, 28, 0, 1) 0%, rgba(70, 55, 28, 1) 100%);
  background-repeat: repeat-y;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff2a1c00', endColorstr='#ff46371c', GradientType=1);
	color:#fff;
	text-align:center;
	margin:0;
	border-top:1px solid #958e80;
	border-bottom:1px solid #958e80;
}

.midashi02 h2 span { 
	background:url(../img/bg_midashi02.png) center center no-repeat;
	display:block;
	padding:50px 0 40px;
}

/* ==========================================================================
   Contents
   ========================================================================== */
.sns { margin-top:8px; margin-bottom:5px; }

#headerwrap2 { 
border-top:3px solid #5a0404;
border-bottom:3px solid #5a0404;
}
#headerwrap {
	background: url(../img/header_bg.jpg) no-repeat center top;
	padding-top:40px;
	background-attachment: relative;
	background-position: center center;
	min-height: 400px;
	width: 100%;
	
    -webkit-background-size: 100%;
    -moz-background-size: 100%;
    -o-background-size: 100%;
    background-size: 100%;

    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
border-top:1px solid #fff;
border-bottom:1px solid #fff;
}

#headerwrap h1 {
	color:#ffffff;
	letter-spacing: 8px;
	font-size: 100px;
	font-weight: bold;
	text-shadow: 2px 2px 2px #000;
	margin-top:0;
}

#headerwrap p {
	color:#ffffff;
	font-size: 40px;
	font-weight: 400;
	text-align: center;
	line-height: 40px;
	letter-spacing: 3px;
	margin-left: 15px;
	text-shadow: 1px 1px 1px #000;
}
#headerwrap .leftbox { width:590px; float:left; }
#headerwrap .rightbox { width:218px; float:right; }
#headercatch .inner { background:url(../img/header_img02.jpg) right center no-repeat; padding-top:40px; padding-bottom:20px; }
#headercatch h2{ font-size:32px; color:#2a1c00; line-height:1.3; margin: 0 0 20px 0; } 
#headercatch p{ font-size:22px; color:#2a1c00;  line-height:1.4; text-shadow: 1px 1px 0px #fff,1px 1px 0px #fff,1px 1px 0px #fff,1px 1px 0px #fff; } 



/* omoukoto */
#omoukoto p.point { 
  background-image: -webkit-linear-gradient(bottom, rgba(242, 242, 242, 1) 0%, rgba(253, 253, 253, 1) 100%);
  background-image: -o-linear-gradient(bottom, rgba(242, 242, 242, 1) 0%, rgba(253, 253, 253, 1) 100%);
  background-image: linear-gradient(to bottom, rgba(242, 242, 242, 1) 0%, rgba(253, 253, 253, 1) 100%);
  background-repeat: repeat-y;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff2a1c00', endColorstr='#ff46371c', GradientType=1);
	text-align:center;
	margin:0 0 13px 0;
	border:3px solid #e5e5e5;
	border-radius:10px;
	padding:20px;
	font-size:20px;
}
#omoukoto .matome { 
	text-align: center;
	font-size:18px;
}
#omoukoto .matome .strong {
	font-size:23px;
	font-weight:bold;
	margin:2em 0;
} 
#omoukoto .matome .strong p { margin-bottom:0; }
#omoukoto .matome .strong2 { line-height:1.7; }



/* letter */
#letter {
	background:url(../img/letter_bg_01.jpg) left top repeat;
	padding:30px 0 30px;
}

#letter .inner{
	background:url(../img/letter_bg_02.jpg) left top repeat;
	position:relative;
}
#letter #bgpen{
	background:url(../img/letter_bg_03.jpg) right top no-repeat;
	padding:30px 56px;
}

#letter h2 {
	font-size:24px;
	line-height: 1.3;
	margin-bottom:35px;
}
#letter h2 span {
	font-size:33px;
}
#letter p {
	background:url(../img/bg_dot01.gif) left bottom repeat-x;
	margin-bottom:0;
	padding:8px 0;
	line-height:1;
}
#letter .check01 {
	background:url(../img/ic_check01.gif) left center no-repeat;
	display:block;
	padding-left:30px;
	font-weight:bold;
}
#letter .check02 {
	background:url(../img/ic_check02.gif) left center no-repeat;
	display:block;
	padding-left:30px;
	font-weight:bold;
}

/* what */
#what {
    z-index: 999;
    width: 100%;
    display: table;
    border-bottom: 2px solid #E6EAED;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    padding-top: 30px;
    padding-bottom: 70px;

    background-position: center bottom;

    -webkit-background-size: 100%;
    -moz-background-size: 100%;
    -o-background-size: 100%;
    background-size: 100%;

    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;

    background-attachment: fixed;
    
	background-image:url(../img/what_bg.jpg);
	font-size:18px;
	line-height:1.5;
}

#what p { text-shadow: 2px  2px 1px white,-2px  2px 1px white,2px -2px 1px white,-2px -2px 1px white; }


/* mondai */
#mondai { font-size:18px; line-height:1.7; margin-bottom:4em; }
#mondai .inner { padding-top:40px; }
#mondai .leftbox { float:left; }
#mondai .rightbox { float:right; }


/* peter */
#peter { background:url(../img/peter_bg01.gif) #000715 center top repeat-x; padding:50px 0; }
#peter h2 {
	color:#dba300;
	font-size:25px;
	font-weight:bold;
	background:url(../img/peter_bg_line.gif) left center repeat-x;
	text-align:center;
	margin-bottom:40px;
}
#peter h2 span {
	display:inline-block;
	background-color:#000715;
	padding:0 10px;
}
#peter p {
	color:#fff;
	line-height:1.7;
}
#peter .inner {
	background:url(../img/peter_bg_waku.jpg) left center repeat;
	padding:5px;
}
#peter .inner2 {
	padding:3px;
	background-color:#0d1421;
}
#peter .inner3 {
	background:url(../img/peter_bg_hito.jpg) #0d1421 right bottom no-repeat;
	padding:40px 50px;
	border:1px solid #b38749;
}


.qawrap { margin-top: 0px; font-size: 24px; }
#qbox { background-color:#d7bf9f; }
#qbox p { margin-bottom:0; padding:20px 0; }
#abox p { margin-bottom:0; padding:40px 0; }
.qawrap .textbox { padding-left:130px; }
#qbox .textbox { background:url(../img/bg_q.gif) #d7bf9f 10px center no-repeat; }
#abox .textbox { background:url(../img/bg_a.gif) #fff 10px center no-repeat; }


/* greywrap */
#greywrap {
	background: #f4eee5;
	margin-top: 0px;
	padding-top: 40px;
	border-bottom: 1px solid #ddd;
	font-size: 18px;
}

#greywrap .callout {
	margin-bottom: 20px;
}

#greywrap p {
	letter-spacing: 1px;
	padding-top: 15px;
	padding-bottom: 15px;
}

#greywrap .icon {
	font-size: 60px;
	line-height: 30px;
	margin-bottom: 10px;
}


/* team */
.white p { padding-top: 5px; }
#team h3.step {
	border-radius:3px;
	background-color:#fff;
	font-size:21px;
	display:inline-block;
	padding:4px 20px;
	margin-top:40px;
line-height:1;
}

#team h4 { font-size:21px; margin-bottom:5px; }
#team h3.step b { vertical-align:middle; line-height:1; }
#team .circlebox { min-height:264px; }
#team .circlebox p { line-height:1.4; font-weight:bold; }
#team #type01 {	background:url(../img/bg_circle_pink.gif) center center no-repeat; }
#team #type02 {	background:url(../img/bg_circle_yellow.gif) center center no-repeat; }
#team #type03 {	background:url(../img/bg_circle_green.gif) center center no-repeat; }

/* get */
#get { background:url(../img/get_bg.jpg) left top repeat; line-height:2; padding:40px 0; }
#get .inner { background:url(../img/get_bg_kazari01.jpg) #fff7db center 20px no-repeat; border-radius:5px; padding-bottom:20px; }
#get .inner2 { background:url(../img/get_bg_kazari02.jpg) center bottom no-repeat; padding:90px 70px 40px; }

/* koukai */
#koukai { font-size:18px; line-height:1.5; margin-bottom:40px; }
#koukai .text{ text-align:center; }
#koukai .inner { padding-top:40px; }
#koukai .catch { background-color:#fff1ba; padding:15px 0;  line-height:1.4; text-align:center; }


/* work */
.work {
font-size:18px;
padding:2em 0;
}
.work#type01 {
    z-index: 999;
    width: 100%;
    display: table;
    border-bottom: 2px solid #E6EAED;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    padding-top: 30px;
    padding-bottom: 70px;

    background-position: center bottom;

    -webkit-background-size: 100%;
    -moz-background-size: 100%;
    -o-background-size: 100%;
    background-size: 100%;

    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;

    background-attachment: fixed;
    background-image:url(../img/work_bg_no1.jpg);
}

.work#type02 {
    z-index: 999;
    width: 100%;
    display: table;
    border-bottom: 2px solid #E6EAED;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    padding-top: 30px;
    padding-bottom: 70px;

    background-position: center bottom;

    -webkit-background-size: 100%;
    -moz-background-size: 100%;
    -o-background-size: 100%;
    background-size: 100%;

    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;

    background-attachment: fixed;
    background-image:url(../img/work_bg_no2.jpg) ;
    margin-bottom:2em;
}
.work .sub { color: #f25109; font-size:20px; font-weight:bold; margin-bottom:5px; }
.work .text { line-height:1.6; }
.work h2 { background-color: #411507; color:#fff; padding:10px 0; margin:0 0 20px; }
.work ul li{ background:url(../img/work_bg_toumei.png) left top repeat; border-radius:5px; border:1px solid #9c9999; padding:20px 40px; margin-bottom:1em; font-size:18px; }


/* kigyou */
#kigyou { text-align:center; font-size:22px; background-color: #f9f5f0; padding:40px 0; font-weight:bold; }


/* prof */
#prof { font-size:14px; line-height:1.5; }
#prof .leftbox { width:238px; }
#prof .rightbox { width:620px; margin-top:20px; }

/* erumono */
#erumono { background:url(../img/erumono_bg.jpg) left top repeat; font-size:18px; padding:40px 0; }
#erumono .head { background:url(../img/erumono_bg_head.gif) center top no-repeat; padding-top:20px; }
#erumono .bottom { background:url(../img/erumono_bg_bottom.gif) center bottom no-repeat; padding-bottom:20px; }
#erumono ul { background:url(../img/erumono_bg_middle.gif) center top repeat-y; padding:10px 150px 5px; margin-bottom:0; }
#erumono ul li { background:url(../img/erumono_check.gif) left center no-repeat; padding: 20px 0 20px 110px; border-bottom:1px solid #d7bf9f; }
#erumono ul li.end { border-bottom:none; }

/* imasugu */
#imasugu { text-align: center; font-size:18px; padding:50px 0; line-height:1.6; }
#imasugu .text { margin-bottom:1em; }
#imasugu p { margin-bottom:0; }

div.order { font-size: 27px; }
div.order p{ font-size: 32px; }


input.btn, p.btn a{
  color: #ffffff;
  background: #ca8500;
  background-image: -webkit-linear-gradient(top, #ca8500, #563500);
  background-image: -moz-linear-gradient(top, #ca8500, #563500);
  background-image: -ms-linear-gradient(top, #ca8500, #563500);
  background-image: -o-linear-gradient(top, #ca8500, #563500);
  background-image: linear-gradient(to bottom, #ca8500, #563500);
  -webkit-border-radius: 28;
  -moz-border-radius: 28;
  border-radius: 35px;
  font-weight:bold;
  padding: 15px 2.5em 10px 2.5em;
  text-decoration: none;
  border:solid 6px #885d00;
  display:inline-block;
  text-align:center;
  cursor:pointer;
	font-size: 27px;
}
input.btn:hover, p.btn a:hover {
	opacity:0.9;
  color: #ffffff;
}

input.btn:active, p.btn a:active {
  -webkit-box-shadow: none;
  box-shadow: inset none;
}

#attention { background-color:#be0003; padding:5px 0 15px 0; margin-bottom:2em; }
#attention p { color:#fff; font-size:18px; font-weight:bold; background:url(../img/attention_img.gif) left center no-repeat; padding:30px 110px; margin: 0 0 0 70px; }
#attention ul { border-radius:10px; background-color:#fff; padding:20px 40px; }
#attention li { background:url(../img/attention_ic.gif) left center no-repeat; padding:4px 0 4px 30px; font-size:19px; }

#finish p { line-height:1.7; }

table.type01 { width:100%; margin-bottom:25px; }
table.type01 th, table.type01 td { padding:20px; border:1px solid #2e2412; }
table.type01 th { background-color:#746a57; color:#fff; font-weight:bold; width:160px; text-align:left; }
table.type01 td { background-color:#fff; }
table.type01 textarea { width:100%; min-height: 100px; margin-bottom:0.5em;}

#orderform { margin-top:1em; }
#orderform .point { background-color:#ffc7c7; font-size:23px; padding:10px 10px 5px; margin:0.5em 0; }

/* ==========================================================================
   Box Sections
   ========================================================================== */



/* Section Dividers */
.section-divider {
    z-index: 999;
    width: 100%;
    display: table;
    max-height: 450px;
    border-bottom: 2px solid #E6EAED;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    padding-top: 30px;
    padding-bottom: 70px;
    margin-top: 45px;


    background-position: center center;

    -webkit-background-size: 100%;
    -moz-background-size: 100%;
    -o-background-size: 100%;
    background-size: 100%;

    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;

    background-attachment: relative;
    
    text-align: center;
}

.textdivider h1 {
	padding-top: 70px;
	color: white;
	font-size: 40px;
}

.textdivider p {
	color: white;
	font-size: 25px;
}


/* ==========================================================================
   MEDIA QUERIES
   ========================================================================== */


@media screen and (max-width:1050px), screen and (max-device-width:1050px){
body .header{background-attachment: scroll;}

#headerwrap { min-height:auto; min-height:inherit; padding-bottom:15px; }
#headerwrap .leftbox,#headerwrap .rightbox {
    width: 100%;
	text-align:center;
	float:none;
}

#headerwrap .leftbox img { 
    display: block;
    height: auto;
    width: 100%;
}
#headerwrap .rightbox img { 
    width: 40%;
}
#kigyou img {
max-width: 100%;
height: auto;
width /***/:auto;
}

#letter #bgpen{
	background:url(../img/letter_bg_03.jpg) right top no-repeat;
	padding:30px 56px;
}
#team .circlebox { margin-bottom:1em; }

#prof { font-size:16px; line-height:1.5; margin-bottom:1em; }
#prof .leftbox { width:100%; text-align:center; }
#prof .rightbox { width:100%; margin-top:20px; }
#prof .leftbox img { width:50%; }
#prof .rightbox img { width:80%; }

#erumono .head { background:none; background-color:#fff; padding:0; border-radius:5px; border:1px solid #e3be83; }
#erumono .bottom { background:none; }
#erumono ul { background:none; padding:10px 20px 5px; }
#erumono ul li { background:url(../img/erumono_check.gif) left center no-repeat; padding: 20px 0 20px 110px; border-bottom:1px solid #d7bf9f; }
#erumono ul li.end { border-bottom:none; }

}


/*ipad portrait*/
@media only screen and (min-device-width:768px) and (max-device-width : 1024px) and (orientation : portrait){
.header{background-attachment: scroll;}

}
@media screen and (max-width:992px) {
#mondai .leftbox { float:none; }
#mondai .rightbox { float:none; text-align:center; }

#team #type01 {	background:url(../img/bg_circle_pink2.gif) center center no-repeat; padding-top:10px; padding-bottom:50px; margin-bottom:0; }
#team #type02 {	background:url(../img/bg_circle_yellow2.gif) center center no-repeat; padding-top:10px; padding-bottom:50px; margin-bottom:0; }

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

.font24 { font-size:20px; }
.br-spon { display:none; }
.br-pcoff { display:block; }

input.btn { padding: 10px 1em 10px 1em;	font-size: 20px; }
p.btn a { padding: 10px 0.5em 10px 0.5em;	font-size: 20px; }

.midashi00 h2 span,.midashi01 h2 span,.midashi02 h2 span { font-size:20px!important; background:none; padding:20px 15px; text-align:left; }


.fb-like,.fb-like span,.fb-like iframe{
 width:100% !important;
}
#fb-root{
display: none;
}
.fb-comments, 
.fb-comments iframe[style],
.fb-comments span[style] {
 width:100% !important; 
}

#headercatch { margin-bottom:1em; }
#headercatch .inner { background:url(../img/header_img02.jpg) center bottom no-repeat; padding-bottom:259px; }
#headercatch h2{ font-size:20px; } 
#headercatch p{ font-size:16px;}

#letter { padding:15px; }
#letter .inner { padding-top:5px; padding-bottom:15px; }
#letter #bgpen{ background:none; padding:0; }
#letter h2 { font-size:18px; line-height: 1.3; }
#letter h2 span { font-size:26px; }
#letter p {
	background:none;
	margin-bottom:0;
	padding:8px 0;
	line-height:1.5;
}
#letter p span.check01, #letter p span.check02 { border-bottom:1px dotted #666; }
#what { font-size:15px; padding-bottom:30px; }
#peter .inner3 {
	background:none;
	padding:15px;
	border:1px solid #b38749;
}

#greywrap {	font-size: 16px; padding-top: 20px; }


#get { background:url(../img/get_bg.jpg) left top repeat; line-height:1.7; padding:15px 0; }
#get .inner { margin:0 15px; }
#get .inner2 { padding:70px 5px 40px!important; }

#omoukoto p.point { font-size:18px; }
#omoukoto p.matome { font-size:18px; }
#omoukoto .matome .strong { font-size:20px; } 
#omoukoto .matome .strong p {margin-bottom:1em; }

#mondai { margin-bottom:1em; font-size:16px; }
#mondai .inner { padding-top:20px; }

#koukai .text{ text-align:left; font-size:16px; }
#koukai .inner { padding-top:20px; }

.work { font-size:16px; }
.work#type01 { border-top:1px solid #CCC; }
.work#type01,.work#type02{ background:none; padding-bottom:20px; }
.work .sub { font-size:18px; }
.work h2 { font-size:24px; }
.work ul li{ padding:20px 20px; font-size:16px; }
#kigyou { font-size:18px; }

#erumono { font-size:16px; padding:20px 0; }
#erumono .bottom { padding:0; }
#erumono ul { margin-bottom:0; }
#erumono ul li {  background:url(../img/erumono_check2.gif) center center no-repeat; padding: 20px 10px; }

#imasugu { font-size:16px; padding:20px 0; line-height:1.6; }
#imasugu .text { text-align: left; margin-bottom:1em; }

#attention { padding:5px 0 15px 0; margin-bottom:2em; }
#attention p { font-size:16px; background:url(../img/attention_img.gif) center 10px no-repeat; padding:100px 0 20px; margin: 0; }
#attention ul { border-radius:10px; background-color:#fff; padding:10px; }
#attention li { background:url(../img/attention_ic.gif) left center no-repeat; padding:8px 0 8px 30px; font-size:17px; border-bottom:1px solid #be0003; }
#attention li:last-child { border-bottom:none; }

#finish img { width:40% }

.qawrap { text-align: center; font-size:20px; }
.qawrap .textbox { padding-left:15px; padding-top:100px; }
#qbox .textbox { background:url(../img/bg_q.gif) #d7bf9f center 15px no-repeat; }
#abox .textbox { background:url(../img/bg_a.gif) #fff center 15px no-repeat; }

#orderform .point {  font-size:18px; }
table.type01 { width:100%; margin-bottom:25px; }
table.type01 th, table.type01 td { display:block; width:auto; padding:10px 10px; }
table.type01 th { border-bottom:none; }
table.type01 td { border-bottom:none; }
table.type01 td:last-child { border-bottom: 1px solid #2e2412; }

}