@charset "utf-8";
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, dialog, figure, footer, header,
hgroup, menu, nav, section,
time, mark, audio, video {margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent}
body {line-height:1.8}
article, aside, dialog, figure, footer, header,
hgroup, nav, section {display:block}
ul, ol {list-style:none}
blockquote, q {quotes:none;}
blockquote:before, blockquote:after,
q:before, q:after {content:'';content:none;}
a {margin:0;padding:0;border:0;font-size:100%;vertical-align:baseline;background:transparent}
ins {background-color:#ff9;color:#000;text-decoration:none}
mark {background-color:#ff9;color:#000;font-style:italic;font-weight:bold}
del {text-decoration: line-through}
abbr[title], dfn[title] {border-bottom:1px dotted #000;cursor:help}
table {border-collapse:collapse;border-spacing:0;}
hr {display:block;height:1px;border:0;border-top:1px solid #cccccc;margin:1em 0;padding:0}
input, select {vertical-align:middle}

/*========================================

BASIC

=======================================*/
html{-webkit-text-size-adjust:100%}
body{color:#221815; font-size:20px;font-family:Helvetica, Arial, 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', Meiryo, メイリオ, sans-serif;background:#ffffff; line-height:1.6;}

/* COMMON STYLE
=======================================*/
a{color:#0078c5;text-decoration:none;}
a:hover{color:#6aa5ca}
p {margin-bottom:10px;}

section{margin:0 0 50px;}
.sectionTitle{padding:8px 6px;margin:0 0 25px;color:#ffffff;font-size:140%;font-weight:bold;background:#e71e35;overflow:hidden;}
.sectionTitle .icon-yelp{margin:4px 4px 0 0;font-size:100%;font-weight:bold;float:left;}
.Hv a {-moz-transition-property:all;-moz-transition-duration: 0.5s;-moz-transition-timing-function: ease;-moz-transition-delay: 0.1s;-webkit-transition-property:all;-webkit-transition-duration: 0.5s;-webkit-transition-timing-function: ease;-webkit-transition-delay: 0.1s;-o-transition-property:all;-o-transition-duration: 0.5s;-o-transition-timing-function: ease;-o-transition-delay: 0.1s;opacity:1;}
.Hv a:hover {-moz-transition-property:all;-moz-transition-duration: 0.5s;-moz-transition-timing-function: ease;-moz-transition-delay: 0.1s;-webkit-transition-property:all;-webkit-transition-duration: 0.5s;-webkit-transition-timing-function: ease;-webkit-transition-delay: 0.1s;-o-transition-property:all;-o-transition-duration: 0.5s;-o-transition-timing-function: ease;-o-transition-delay: 0.1s;opacity:0.5;}
.ta-c {text-align:center;}
.orange { color:#FF9900;}
.u-l { text-decoration:underline;}
.red, .fc-red {color:#FF0000;}
#main .Note {color:#eb5f64;}
#main .MidNote { margin-bottom:5%;}
#main .EndNote { margin-bottom:10%;}

/* respons view */
.spView{display:none;}
.pcView{display:block;}

/* other */
.clearfix:after{content: "."; display: block; height: 0; font-size:0;	clear: both; visibility:hidden}
.clearfix{display: inline-block;} 
* html .clearfix{height: 1%;}
.clearfix{display:block;}

/* web fonts */
@font-face {font-family: 'icomoon';src:url('fonts/icomoon.eot?pqe3d3');src:url('fonts/icomoon.eot?#iefixpqe3d3') format('embedded-opentype'), url('fonts/icomoon.woff?pqe3d3') format('woff'), url('fonts/icomoon.ttf?pqe3d3') format('truetype'), url('fonts/icomoon.svg?pqe3d3#icomoon') format('svg');font-weight: normal;font-style: normal;}
[class^="icon-"], [class*=" icon-"] {font-family: 'icomoon';speak: none;font-style: normal;font-weight: normal;font-variant: normal;text-transform: none;line-height: 1;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;}
.icon-book:before {content: "\e600";}

/* COMMON
=======================================*/
/* #wrapper */
#wrapper{ background:#FFFFFF}

/* #header */
#header{width:100%; height:461px; position:fixed; background:url(../img/bg-nav.png) repeat-x; height:60px; z-index:10;}
#header ul { margin:0 auto; width:990px;}
#header ul li { float: left; padding:15px 20px;}
#header .Cnt h1 {text-align:center; padding-top:30px;}

/* #contents */
#contents{width:100%; overflow:hidden; margin:0 auto;}

/* #main*/
h2 { margin-bottom:15px;}
#main {width:990px; margin:0 auto;}
.Catch {text-align:center; width:990px; margin:260px auto 0; overflow:hidden;}
.Block {width:942px; margin:-12px auto 50px; border:4px solid #32302f; background:#FFFFFF; -webkit-box-shadow: 0px 1px 1px 0px rgba(50, 50, 0, 0.5);-moz-box-shadow:0px 1px 1px 0px rgba(50, 50, 0, 0.5);box-shadow:0px 1px 1px 0px rgba(50, 50, 0, 0.5); padding:30px 20px 20px;color:#727171;}
.Question {font-size:22px; color:#0099CC;}
.title {font-size:36px; color:#333333;text-shadow: 2px 2px 5px #CCCCCC; margin-bottom:30px;}
.title span {color:#CC3333;}
.txt {width:942px; margin:0 auto; background:url(../img/bg-text.png) repeat; line-height:36px; margin-bottom:30px;}
.txt p {padding-bottom:26px;}
.txt .red { font-size:110%; color:#C30;}
.txt .Big { font-size:120%; font-weight:bold;}
.Case {text-align:center; font-size:26px; color:#666; margin-bottom:15px;}
.CaseBlock { overflow:hidden; padding-bottom:15px; border-bottom:1px dotted #CCCCCC; margin-bottom:30px;}
.CaseBlock .Photo { float:left; width:240px; text-align:center; font-size:14px;}
.CaseBlock .Txt{ float:right; width:680px; font-size:18px;}

.person { border:4px #CCC solid; padding:20px; margin:0 auto 30px; width:800px; overflow:hidden;}
.person .photo{ float:left; text-align:center; width:200px;}
.person .photo h2{ font-size:14px;}
.person .prof {float:right; width:550px; font-size:16px;}
.person .prof h3 { color:#CC0000; font-size:20px; margin-bottom:15px;}

.member {overflow:hidden; border:#FFCC33 4px solid; background:#F0EEEF; width:900px; margin:0 auto 30px;}
.member li { float:left; margin:10px; width:248px; padding:16px; color:#FFFFFF; font-size:15px; text-align:center; background:#CC3300; height:230px;}

.introduce {margin-bottom:20px;}
.Part { overflow:hidden; border:8px #FFCC33 solid; padding:20px;-webkit-border-top-left-radius: 15px; -webkit-border-bottom-right-radius: 15px;-moz-border-radius-topleft: 15px;-moz-border-radius-bottomright: 15px; margin-bottom:20px;}
.Part h2 { color:#000000; margin-bottom:15px; border-bottom:1px solid #000;}
.Part h2 span { color:#CC0033;}
.Part .photo { float:right; width:400px;}
.Part .desc { float:left; width:466px; font-size:15px; line-height:1.6;}
.Image {text-align:center; margin-bottom:30px; overflow:hidden;}
.Image2 {text-align:center; margin-bottom:80px; overflow:hidden;}

.Privilege { overflow:hidden; border:8px #009999 solid; padding:20px;-webkit-border-top-left-radius: 15px; -webkit-border-bottom-right-radius: 15px;-moz-border-radius-topleft: 15px;-moz-border-radius-bottomright: 15px; margin-bottom:15px;}
.Privilege h2 { text-align:center; color:#000000; margin-bottom:20px;}
.Privilege h2 span { color:#CC0033;}
.Privilege .photo { float:right; width:400px;}
.Privilege .desc { float:left; width:466px; font-size:15px; line-height:1.6;}

.box { overflow:hidden; border:4px #CCCCCC solid; padding:25px;-webkit-border-top-left-radius: 15px; -webkit-border-bottom-right-radius: 15px;-moz-border-radius-topleft: 15px;-moz-border-radius-bottomright: 15px;color:#333333; font-weight:bold; width:80%; margin:0 auto 20px; font-size:24px;}

.Plan { width:100%; margin-bottom:50px;}
.Plan th, .Plan td { border:1px solid #999; padding:2%;}
.Plan th { background:#3399CC; color:#FFF;}
.Plan td.Name { text-align:left;}
.Plan td { text-align:center;}

.Detail { width:100%; margin-bottom:50px; color:#333333;}
.Detail th, .Detail td { border:1px solid #999; padding:2%;}
.Detail form select{font-size:22px;margin:10px 0;}
.Detail .rank { font-weight:bold; font-size:30px;}
.Detail th { background:#3399CC; color:#FFF;}
.Detail td { text-align:left;}
.Detail td.Content { text-align:center;}
.Detail td p { margin-bottom:2%;}
.Detail td h4 { font-size:26px;}
.line {text-decoration:line-through;}
.bold {font-weight:bold;}

.Btn {margin:0 auto 60px; background:url(../img/bg-button.png) no-repeat; width:662px; height:93px;}
.Btn a {-moz-transition-property:all;-moz-transition-duration: 0.3s;-moz-transition-timing-function: ease;-moz-transition-delay: 0.1s;-webkit-transition-property:all;-webkit-transition-duration: 0.3s;-webkit-transition-timing-function: ease;-webkit-transition-delay: 0.1s;-o-transition-property:all;-o-transition-duration: 0.3s;-o-transition-timing-function: ease;-o-transition-delay: 0.1s;opacity:1;}
.Btn a:hover {-moz-transition-property:all;-moz-transition-duration: 0.3s;-moz-transition-timing-function: ease;-moz-transition-delay: 0.1s;-webkit-transition-property:all;-webkit-transition-duration: 0.3s;-webkit-transition-timing-function: ease;-webkit-transition-delay: 0.1s;-o-transition-property:all;-o-transition-duration: 0.3s;-o-transition-timing-function: ease;-o-transition-delay: 0.1s;opacity:0;}

.Caution {border:4px solid #666; padding:15px; width:80%; margin:0 auto 50px;}
.Caution h2 { font-size:30px; border-bottom:1px solid #036; color:#036; text-align:center;}
.Caution dl { overflow:hidden; margin-bottom:15px;}
.Caution dl dt { float:left; width:5%;}
.Caution dl dd { float:right; width:95%;}

.Check {margin-bottom:50px;}
.Check dl { overflow:hidden; margin-bottom:15px;}
.Check dl dt { float:left; width:5%;}
.Check dl dd { float:right; width:95%;}

.FAQ {margin-bottom:50px;}
.FAQ dl { overflow:hidden; margin-bottom:20px;}
.FAQ dl.Line {border-bottom:1px dotted #CCCCCC; padding-bottom:10px;}
.FAQ dl dt { float:left; width:5%; font-size:26px;}
.FAQ dl .Blue { color:#006699;}
.FAQ dl .Red { color:#C30;}
.FAQ dl dt { float:left; width:5%; font-size:26px;}
.FAQ dl dd { float:right; width:95%; padding-top:8px;}


@media screen and (max-width: 727px) { /* SmartPhone Display - width:727px under - */
/*========================================

BASIC

=======================================*/
/* common style */
img{width:100%;height:auto;}


/* responsd View*/
.pcView{display:none;}
.spView{ display:block;}


/* COMMON
=======================================*/
/* #wrapper */
#wrapper{background:none;}

/* #header */
#header{ display:none;}

/* #contents */
#contents{width:100%; overflow:hidden; margin:0 auto;}

/* #main*/
h2 { margin-bottom:15px;}
#main {width:100%; font-size:13px;}
.Catch {width:100%; margin:0 auto;}
.Block {width:90.4%; margin:-10px auto 50px; padding:4%;color:#727171;}
.Question {font-size:14px; text-align:center;}
.title {font-size:16px; text-align:center;margin-bottom:5%;}
.title span {color:#CC3333;}
.txt {width:100%; margin:0 auto; background:none; line-height:1.6; margin-bottom:5%;}
.txt p {padding-bottom:3%;}
.txt .red { font-size:100%; color:#C30;}
.txt .Big { font-size:100%; font-weight:bold;}
.Case { font-size:14px; color:#666; margin-bottom:15px; text-align:center;}
.CaseBlock { overflow:hidden; padding-bottom:15px; border-bottom:1px dotted #CCCCCC; margin-bottom:30px;}
.CaseBlock .Photo { float:none; width:70%;font-size:14px; padding:0 15%;}
.CaseBlock .Txt{ float:none; width:100%; font-size:14px;}

.person { border:4px #CCC solid; padding:4%; margin:0 auto 30px; width:91%; overflow:hidden;}
.person .photo{ float:none;width:60%; padding:0 20%;}
.person .photo h2{ font-size:12px;}
.person .prof {float:none; width:100%; font-size:14px;}
.person .prof h3 { color:#CC0000; font-size:14px; margin-bottom:15px; text-align:center;}

.member {overflow:hidden; border:#FFCC33 4px solid; background:#F0EEEF; width:96%; margin:0 auto 30px; padding:2%;}
.member li { float:none; font-size:14px; margin:0; width:94%; padding:2%; color:#FFFFFF; font-size:12px; text-align:center;height:auto; margin:0 1% 2%; }
.member li img{ width:40%; height:auto; padding:0 30%;}

.introduce {margin-bottom:20px;}
.Part { overflow:hidden; border:8px #FFCC33 solid; padding:2%;margin-bottom:20px;}
.Part h2 {margin-bottom:15px; font-size:16px; text-align:center; border-bottom:1px solid #000;}
.Part .photo { float:none; width:100%}
.Part .desc { float:none; width:100%; font-size:13px; line-height:1.6;}
.Image {text-align:center; margin-bottom:30px; overflow:hidden;}
.Image2 {text-align:center; margin-bottom:80px; overflow:hidden;}

.Privilege { overflow:hidden; border:8px #009999 solid; padding:2%;}
.Privilege h2 { text-align:center; color:#000000; margin-bottom:20px;}
.Privilege h2 img { width:15%; padding:0 35%;}
.Privilege .photo { float:none; width:100%;}
.Privilege .desc { float:none; width:100%; font-size:13px; line-height:1.6;}

.box { overflow:hidden; border:4px #CCCCCC solid; padding:2%; font-weight:bold; width:94%; margin:0 auto 20px; font-size:14px;}

.Plan { width:100%; margin-bottom:50px; font-size:12px;}
.Plan th, .Plan td { border:1px solid #999; padding:2%;}
.Plan th { background:#3399CC; color:#FFF;}
.Plan td.Name { text-align:left;}
.Plan td { text-align:center;}

.Detail { width:100%; margin-bottom:50px; color:#333333; font-size:12px;}
.Detail th, .Detail td { border:1px solid #999; padding:2%;}
.Detail .rank { font-weight:bold; font-size:16px;}
.Detail th { background:#3399CC; color:#FFF;}
.Detail td { text-align:center;}
.Detail td p { margin-bottom:4%;}
.Detail td h4 { font-size:15px;}
.line {text-decoration:line-through;}
.bold {font-weight:bold;}

.Btn {margin:0 auto 60px; background:none; width:96%; height:auto;}
.Btn a {-moz-transition-property:all;-moz-transition-duration: 0.3s;-moz-transition-timing-function: ease;-moz-transition-delay: 0.1s;-webkit-transition-property:all;-webkit-transition-duration: 0.3s;-webkit-transition-timing-function: ease;-webkit-transition-delay: 0.1s;-o-transition-property:all;-o-transition-duration: 0.3s;-o-transition-timing-function: ease;-o-transition-delay: 0.1s;opacity:1;}
.Btn a:hover {-moz-transition-property:all;-moz-transition-duration: 0.3s;-moz-transition-timing-function: ease;-moz-transition-delay: 0.1s;-webkit-transition-property:all;-webkit-transition-duration: 0.3s;-webkit-transition-timing-function: ease;-webkit-transition-delay: 0.1s;-o-transition-property:all;-o-transition-duration: 0.3s;-o-transition-timing-function: ease;-o-transition-delay: 0.1s;opacity:1;}

.Caution {border:4px solid #666; padding:15px; width:90%; margin:0 auto 50px;}
.Caution h2 { font-size:16px; border-bottom:1px solid #036; color:#036; text-align:center;}
.Caution dl { overflow:hidden; margin-bottom:15px;}
.Caution dl dt { float:left; width:5%;}
.Caution dl dd { float:right; width:95%;}

.Check {margin-bottom:50px;}
.Check dl { overflow:hidden; margin-bottom:15px;}
.Check dl dt { float:left; width:5%;}
.Check dl dd { float:right; width:95%;}

.FAQ {margin-bottom:50px; font-size:13px;}
.FAQ dl { overflow:hidden; margin-bottom:20px;}
.FAQ dl.Line {border-bottom:1px dotted #CCCCCC; padding-bottom:10px;}
.FAQ dl dt { float:left; width:5%; font-size:14px;}
.FAQ dl .Blue { color:#006699;}
.FAQ dl .Red { color:#C30;}
.FAQ dl dt { float:left; width:5%; font-size:14px;}
.FAQ dl dd { float:right; width:95%; padding-top:0;}

.kakomi {
	width:350px;
        padding:15px;
	border:#555555 solid 2px;
        font-weight:bold;
        margin-bottom:50px;
        margin-top:20px;
        margin-left:25px;
}

.fs-28 {font-size:35px;}

.mrg-l-40 {
	padding-left:100px;
}

/*-------------------- max-width:640px --------------------*/}

.P-Btn {
}

.P-Btn a {
	-moz-transition-property:all;
	-moz-transition-duration: 0.3s;
	-moz-transition-timing-function: ease;
	-moz-transition-delay: 0.3s;
	-webkit-transition-property:all;
	-webkit-transition-duration: 0.3s;
	-webkit-transition-timing-function: ease;
	-webkit-transition-delay: 0.3s;
	-o-transition-property:all;
	-o-transition-duration: 0.3s;
	-o-transition-timing-function: ease;
	-o-transition-delay: 0.3s;
	opacity:1;
}

.P-Btn a:hover {
	-moz-transition-property:all;
	-moz-transition-duration: 0.3s;
	-moz-transition-timing-function: ease;
	-moz-transition-delay: 0.3s;
	-webkit-transition-property:all;
	-webkit-transition-duration: 0.3s;
	-webkit-transition-timing-function: ease;
	-webkit-transition-delay: 0.3s;
	-o-transition-property:all;
	-o-transition-duration: 0.3s;
	-o-transition-timing-function: ease;
	-o-transition-delay: 0.3s;
	opacity:0.5;
}