@charset "utf-8";

/** |READ ME| **********************************************************************************************************

"Style CSS"

Cascading Style Sheet Setting File

Ver.20170720

------------------------------------------------------------------------------------------------------------------------

01. Reset
02. Common
03. Header
04. KeyVisual
05. Point
06. Conversion
07. Difference
08. Fact
09. Select
10. Plan
11. Study
12. Voice
13. Reason
14. Voice
15. Faq
16. Flow
17. Footer
18. Disney

********************************************************************************************************** |READ ME| **/

/** |01. Reset | >> ********************************************************************************* >> START **/

*{margin:0;padding:0;list-style:none;}
table {border-collapse:collapse;border-spacing:0;border:0;}
fieldset,img {border:0;}
address,caption,cite,code,dfn,em,th,var {font-style:normal;font-weight:normal;}
em{font-style:normal;font-weight:bold;}
ol,ul {list-style:none;}
caption,th {text-align:left;}
h1,h2,h3,h4,h5,h6 {font-size:100%;font-weight:normal;}
q:before,q:after {content:'';}
abbr,acronym {border:0;}
a img{border:none;outline:none;}
a.color{color:#418de3;text-decoration:underline;}
a.color:hover{color:#418de3;text-decoration:none;}
img{border:none;font-size:0;line-height:0;vertical-align:bottom;}
iframe{margin:0px;padding:0px;border:none;}
html{width:100%;height:100%;}
body{width:100%;height:100%;text-align:center;font-size:100%;line-height:1.5;letter-spacing:0em;color:#333333;font-family:Meiryo, メイリオ,'Hiragino Kaku Gothic ProN','ヒラギノ角ゴ ProN W3',"游ゴシック体","Yu Gothic",arial, helvetica, sans-serif;}

/** |01. Reset | << ********************************************************************************* << END **/

/** |02. Common | >> ********************************************************************************* >> START **/

a{color:#333333;text-decoration:none;}
a:hover{text-decoration:none;opacity:0.7;filter:alpha(opacity=70);transition:0.3s ease-in-out;}
a.cnv{position:relative;display:inline-block;background-color:#bae200;color:#455400;border-radius:10px; box-shadow:0 3px 0 #96b600;font-weight:bold;}
a.cnv .ico{position:absolute;top:50%;right:15px;margin:-9.5px 0 0 0;}
.clrWhi{color:#ffffff;}
.clrLink{color:#418de3;text-decoration:underline;}
.clrLink:hover{color:#418de3;text-decoration:none}
.frame{position:relative;margin:0 auto;padding:0;}
.frame:after{content:".";display:block;height:0;font-size:0;clear:both;visibility:hidden;}
.frame.full{width:1040px;}
.bgfull{min-width:1040px;}
.pcBlock{display:block !important;}
.spBlock{display:none !important;}
.pcInlineBlock{display:inline-block !important;}
.spInlineBlock{display:none !important;}
.pcInline{display:inline !important;}
.spInline{display:none !important;}
.small{font-size:80%;}
@media  (max-width:640px){
	.frame.full{width:auto;}
	.frame.main{width:auto;}
	.frame.flex{min-width:0;}
	.bgfull{min-width:0;}
	.pcBlock{display:none !important;}
	.spBlock{display:block !important;}
	.pcInlineBlock{display:none !important;}
	.spInlineBlock{display:inline-block !important;}
	.pcInline{display:none !important;}
	.spInline{display:inline !important;}
	.small{font-size:70%;}
}

/** |02. Common | << ********************************************************************************* << END **/

/** |03. Header | >> ********************************************************************************* >> START **/

#Header {height:110px;}
#Header .HeaderWrap{position:fixed;top:0;left:0;padding:15px 0 0 0;height:95px;width:100%;background-color:#fff;z-index:1000;}
#Header .HeaderWrap:after{content:".";display:block;height:0;font-size:0;clear:both;visibility:hidden;}
#Header .logo{float:left;margin:0 0 0 20px;}
#Header .call{float:right;margin:0 20px 0 0;padding:3px;width:400px;border:2px #00b8f0 solid;height:70px;color:#00b8f0;}
#Header .call:after{content:".";display:block;height:0;font-size:0;clear:both;visibility:hidden;}
#Header .call .label{padding:3px 0;display:block;background-color:#00b8f0;color:#fff;font-size:12px;line-height:1;}
#Header .call .number{float:left;padding:12px 0 0 0;font-family:helvetica,arial;}
#Header .call a.number{color:#00b8f0;}
#Header .call .number .ico{display:inline-block;padding:0 5px 0 10px;height:27px;vertical-align:top;line-height:27px;}
#Header .call .number span{display:inline-block;min-height:30px;vertical-align:top;font-size:35px;line-height:30px;}
#Header .call .date{float:right;display:block;margin:3px 0 0 0;padding:3px 5px;background-color:#dcf2fb;text-align:left;font-size:10px;line-height:14px;font-weight:bold;border-radius:4px;}
#Header .conversion{float:right;margin:0 15px 0 0;}
#Header .conversion a.cnv{width:220px;height:77px;line-height:77px;text-indent:-10px;}
@media (max-width:640px){
	#Header {height:60px;}
	#Header .HeaderWrap{position:fixed;top:0;left:0;padding:0;height:auto;width:100%;background-color:#fff;z-index:1000;}
	#Header .logo{margin:16px 0 16px 10px;}
	#Header .logo img{width:58px;height:28px;}
	#Header .call{margin:10px 10px 0 0;padding:2px;width:110px;height:34px;border:1px #00b8f0 solid;}
	#Header .call .label{padding:3px 0 2px;display:block;font-size:8px;line-height:1;}
	#Header .call .number{float:none;padding:6px 0 0 0;font-size:0;}
	#Header .call .number .ico{padding:0 3px 0 0;width:12px;height:12px;}
	#Header .call .number span{min-height:12px;font-size:13px;line-height:12px;font-weight:bold;}
	#Header .conversion{margin:10px 5px 0 0;}
	#Header .conversion a.cnv{padding:0;margin:0;width:110px;height:37px;line-height:37px;text-indent:-5px;font-size:10px;border-radius:5px;}
	#Header .conversion a.cnv .ico{width:10px;height:10px;margin:-5px 0 0 0;right:5px;}
}

/** |03. Header | << ********************************************************************************* << END **/

/** |04. KeyVisual | >> ********************************************************************************* >> START **/

#KeyVisual{background-image:url(../img/key_bg_main.png);background-repeat:no-repeat;background-position:center;background-size:cover;}
#KeyVisual .frame{height:520px;text-align:left;}
#KeyVisual .mainTitle{padding:140px 0 0;}
@media (max-width:640px){
	#KeyVisual .frame{height:auto;}
	#KeyVisual .mainTitle{position:absolute;top:50px;left:15px;padding:0;}
	#KeyVisual .mainTitle img{width:50%;height:auto;}
	#KeyVisual .dummy{width:100%;height:auto;}
}

/** |04. KeyVisual | << ********************************************************************************* << END **/

/** |05. Point | >> ********************************************************************************* >> START **/

#Point{position:relative;}
#Point .ttl{position:absolute;top:-24px;left:50%;margin:0 0 0 -185px;width:370px;height:48px;background-color:#dcf2fb;border-radius:24px;}
#Point .poiList{padding:40px 0 15px;background-color:#00b8f0;letter-spacing:-0.4em;}
#Point .poiList li{display:inline-block;margin:0 10px;width:314px;background-color:#fff;border:3px solid #dcf2fb;border-radius:10px;letter-spacing:0em;box-shadow:rgba(0,0,0,0.2)2px 2px 2px;}
#Point .caution{padding:30px 20px 0;text-align:left;}
#Point .caution li{padding:0 0 0 2em;text-indent:-2em;}
@media (max-width:640px){
	#Point .ttl{position:relative;top:auto;left:auto;margin:0;padding:15px 15px 15px;width:auto;height:auto;background-color:#00b8f0;border-radius:0;}
	#Point .ttl img{width:auto;height:36px;}
	#Point .ttl .bg{display:block;background-color:#dcf2fb;border-radius:18px;}
	#Point .poiList{padding:0 15px 15px;background-color:#00b8f0;letter-spacing:-0.4em;}
	#Point .poiList li{display:block;margin:0 0 10px;width:auto;}
	#Point .poiList li:last-child{margin:0;}
	#Point .poiList li img{max-width:100%;width:240px;height:auto;}
	#Point .caution{padding:15px;text-align:left;}
}

/** |05. Point | << ********************************************************************************* << END **/

/** |06. Conversion | >> ********************************************************************************* >> START **/

.conversionArea{padding:60px 0;}
.conversionArea .cnvList{position:relative;margin:0 20px;border:4px solid #00b8f0;border-radius:20px;}
.conversionArea .cnvList:after{content:".";display:block;height:0;font-size:0;clear:both;visibility:hidden;}
.conversionArea .title{margin:-1px 0 0 0;border-radius:10px 10px 0 0;background-color:#00b8f0;}
.conversionArea .title .txt{position:relative;display:inline-block;padding:9px 0;}
.conversionArea .title .txt .ico{position:absolute;top:-37px;left:-100px;}
.conversionArea .left{margin:30px 0 0 17px;}
.conversionArea .left a.cnv{width:470px;height:107px;line-height:107px;text-indent:-10px;font-size:22px;}
.conversionArea .right{float:right;margin:30px 17px 0 0;padding:3px;width:460px;border:2px #00b8f0 solid;height:100px;color:#00b8f0;}
.conversionArea .right .label{padding:5px 0;display:block;background-color:#00b8f0;color:#fff;font-size:13px;line-height:1;font-weight:bold;}
.conversionArea .right .number{padding:10px 0;font-family:helvetica,arial;vertical-align:}
.conversionArea .right .number .ico{display:inline-block;margin:0;padding:0 5px 0 0;vertical-align:top;line-height:0;}
.conversionArea .right .number span{display:inline-block;min-height:35px;vertical-align:top;;font-size:38px;line-height:35px;}
.conversionArea .right .date{display:block;margin:0 0 0 0;padding:5px 0;background-color:#dcf2fb;font-size:11px;line-height:1;font-weight:bold;}
.conversionArea .caution{padding:15px 17px;clear:both;text-align:center;}
@media (max-width:640px){
	.conversionArea{padding:15px 0 30px;}
	.conversionArea .cnvList{position:relative;margin:0 15px;border-radius:10px;}
	.conversionArea .title{border-radius:5px 5px 0 0;}
	.conversionArea .title img{width:220px;height:25px;padding:0 0 0 30px;}
	.conversionArea .title .txt{position:relative;display:inline-block;padding:9px 0;}
	.conversionArea .title .txt .ico{position:absolute;top:-14px;left:-61px;width:61px;height:70px;}
	.conversionArea .left{float:none;margin:15px 10px;}
	.conversionArea .left a.cnv{display:block;padding:20px 0;width:auto;height:auto;font-size:16px;line-height:1;}
	.conversionArea .right{float:none;margin:0 10px;width:auto;height:auto;}
	.conversionArea .right .number{padding:10px 0 5px;font-size:32px;line-height:32px;color:#00b8f0;}
	.conversionArea .right .number .ico{padding:0 5px 0 0;width:25px;height:25px;}
	.conversionArea .right .number span{min-height:25px;font-size:32px;line-height:25px;}
	.conversionArea .right .date{display:block;margin:0;padding:5px;background-color:#dcf2fb;font-size:10px;line-height:1.2;}
	.conversionArea .caution{padding:10px 10px;text-align:left;}
}

/** |06. Conversion | << ********************************************************************************* << END **/

/** |07. Difference | >> ********************************************************************************* >> START **/

#Difference{padding:60px 0 30px 0;background-color:#dcf2fb;}
#Difference .box{margin:0 auto 30px;padding:0 40px;width:920px;border-radius:20px;background-color:#fff;}
#Difference .title{padding:70px 0 40px 0;}
#Difference .catch01{padding:0 0 60px 0;font-size:20px;line-height:1.5;}
#Difference .catch01 b{color:#dd0000;}
#Difference .img01{float:left;}
#Difference .txt01{float:right;padding:40px;width:310px;background-color:#fffbe3;border-radius:10px;text-align:left;}
#Difference .img02{float:right;clear:both;margin:60px 0 0 0;}
#Difference .txt02{float:left;margin:60px 0 0 0;padding:40px;width:350px;background-color:#fffbe3;border-radius:10px;text-align:left;}
#Difference .catch02{clear:both;padding:60px 0;font-size:20px;line-height:1.5;}
#Difference .catch02 b{color:#dd0000;}
#Difference .txt {font-size:15px;line-height:1.8;}
#Difference .txt strong{display:block;padding:0 0 10px 0;font-size:20px;line-height:1;}
#Difference .txt b{color:#d00;}
@media (max-width:640px){
	#Difference{padding:30px 0 15px 0;}
	#Difference .box{margin:0 15px 15px;padding:20px;width:auto;}
	#Difference .title{padding:10px 0 20px 0;}
	#Difference .title img{width:90%;height:auto;}
	#Difference .catch01{padding:0 0 15px;font-size:14px;line-height:1.5;text-align:left;}
	#Difference .img01{float:none;padding:0 0 15px 0;}
	#Difference .img01 img{width:100%;height:auto;}
	#Difference .txt01{float:none;margin:0 0 20px 0;padding:20px;width:auto;}
	#Difference .img02{float:none;clear:both;margin:0;padding:20px 0 15px 0;border-top:1px solid #ddd;}
	#Difference .img02 img{width:100%;height:auto;}
	#Difference .txt02{float:none;margin:0;padding:20px;width:auto;}
	#Difference .catch02{padding:15px 0 0;font-size:14px;line-height:1.5;text-align:left;}
	#Difference .txt {font-size:14px;line-height:1.5;}
	#Difference .txt strong{display:block;padding:0 0 5px 0;font-size:15px;}
	#Difference .arrow{width:150px;height:30px;}
}

/** |07. Difference | << ********************************************************************************* << END **/

/** |08. Fact | >> ********************************************************************************* >> START **/

#Fact{padding:0 0 30px 0;background-color:#dcf2fb;}
#Fact .box{margin:0 auto 30px;padding:0 50px 50px;width:900px;border-radius:20px;background-color:#fff;}
#Fact .title{padding:70px 0 40px 0;}
#Fact .catch01{padding:0 0 50px 0;font-size:20px;line-height:1.5;}
#Fact .catch01 b{color:#dd0000;}
#Fact .left{float:left;margin:0 0 30px 0;width:428px;border:1px solid #ddd;border-radius:20px;}
#Fact .right{float:right;margin:0 0 30px 0;width:428px;border:1px solid #ddd;border-radius:20px;}
#Fact .center{clear:both;border:1px solid #ddd;border-radius:20px;}
#Fact .left b,#Fact .right b,#Fact .center b{display:block;text-align:left;padding:20px 0 30px 20px;font-size:17px;}
#Fact .msg{position:relative;display:block;margin:30px auto 20px;padding:12px 0 0 0;width:364px;height:30px;border:3px solid #ffa61a;border-radius:24px;line-height:21px;font-weight:bold;vertical-align:middle;}
#Fact .center .msg{width:824px;}
#Fact .msg .arr{position:absolute;top:-17px;left:50%;margin:0 0 0 -8px}
#Fact .center .arr{position:absolute;top:-17px;left:auto;right:120px;margin:0;}
#Fact .caution{text-align:left;padding:20px 0 0 2em;text-indent:-2em;}
@media (max-width:640px){
	#Fact{padding:0 0 15px 0;}
	#Fact .box{margin:0 15px 15px;padding:20px;width:auto;}
	#Fact .title{padding:10px 0 20px 0;}
	#Fact .title img{width:90%;height:auto;}
	#Fact .catch01{padding:0 0 15px;font-size:14px;line-height:1.5;text-align:left;}
	#Fact .left{float:none;margin:0 0 15px 0;padding:15px;width:auto;border-radius:10px;}
	#Fact .right{float:none;margin:0 0 15px 0;padding:15px;width:auto;border-radius:10px;}
	#Fact .center{padding:15px;border-radius:10px;}
	#Fact img{width:100%;height:auto;}
	#Fact .left b,#Fact .right b,#Fact .center b{padding:0 0 15px 0;font-size:12px;}
	#Fact .msg{margin:20px 0 0;padding:10px;width:auto;height:auto;line-height:1.2;font-size:13px;}
	#Fact .right .msg{margin:10px 0 0;}
	#Fact .center .msg{width:auto;}
	#Fact .msg .arr{height:17px;width:16px;}
	#Fact .center .arr{left:auto;right:15%;}
	#Fact .arrow{width:150px;height:30px;}
}

/** |08. Fact | << ********************************************************************************* << END **/

/** |09. Select | >> ********************************************************************************* >> START **/

#Select{background-image:url(../img/sel_bg_main.png);background-size:100% 80px;background-repeat:no-repeat;}
#Select .title{text-align: center;}
#Select .catch{padding:20px 0 0 0;}
#Select .selList{padding:50px 0 0 0;letter-spacing:-0.4em;;}
#Select .selList li{letter-spacing:0;display:inline-block;margin:0 7px;padding:5px;width:304px;vertical-align: top;border-radius:28px;}
#Select .selList li.plan01{border:5px solid #e47b7b;}
#Select .selList li.plan02{border:5px solid #eaba38;}
#Select .selList li.plan03{border:5px solid #58c2bc;}
#Select .selList li.plan04{border:5px solid #65a6cf;}
#Select .selList li .img{padding:20px 0;}
#Select .selList li .txt{font-size:14px;font-weight: bold;line-height:20px;}
#Select .selList li.plan01 .txt{font-size:12px;font-weight: bold;}
#Select .selList .ttl{margin:5px 0 0 0;font-size:25px;line-height: 1;font-weight: bold;}
#Select .selList .ttl .cate{padding:0 0 0 5px;font-size:11px;color:#999;vertical-align: bottom;}
#Select .selList .plan01 .ttl{color: #e47b7b;}
#Select .selList .plan02 .ttl{color: #eaba38;}
#Select .selList .plan03 .ttl{color: #58c2bc;}
#Select .selList .plan04 .ttl{color: #65a6cf;}
#Select .selList .gray{padding:18px 0 10px;}
#Select .selList .gray table{width:100%;font-size:13px;background-color:#f5f5f5;}
#Select .selList .gray td{padding:15px 5px 15px 15px;width:50%;box-sizing: border-box;}
#Select .selList .gray td:nth-child(2n){padding:15px 10px 15px 5px;}
#Select .selList .gray .bdrBtm{border-bottom:1px #ddd solid;}
#Select .selList .gray .bar{width:100%;height:25px;background-color: #fff;border-radius:2px;}
#Select .selList .gray .color{height:25px;background-color: #ddd;border-radius:2px;}
#Select .selList .plan01 .color{background-color: #e47b7b;}
#Select .selList .plan02 .color{background-color: #eaba38;}
#Select .selList .plan03 .color{background-color: #58c2bc;}
#Select .selList .plan04 .color{background-color: #65a6cf;}
#Select .selList .gray .color.wid10{width:10%;}
#Select .selList .gray .color.wid20{width:20%;}
#Select .selList .gray .color.wid40{width:40%;}
#Select .selList .gray .color.wid60{width:60%;}
#Select .selList .gray .color.wid70{width:70%;}
#Select .selList .gray .color.wid90{width:90%;}
#Select .selList .gray .color.wid100{width:100%;}
#Select .detail .btn{position: relative;padding:5px;display:block;background-color:#999;font-size:16px;font-weight: bold;color:#fff;border-radius:18px;}
#Select .detail .line{padding:15px 0 0 0;display: block;height:40px;border:1px #fff solid;border-radius:13px;}
#Select .detail .ico{position: absolute;top:50%;right:15px;margin:-12px 0 0 0;}
#Select .btnJujitsu{
	background: #e78888;
	background: -moz-linear-gradient(top,  #e78888 0%, #e78888 50%, #e47b7b 50%, #e78888 50%, #e47b7b 50%, #e47b7b 100%);
	background: -webkit-linear-gradient(top,  #e78888 0%,#e78888 50%,#e47b7b 50%,#e78888 50%,#e47b7b 50%,#e47b7b 100%);
	background: linear-gradient(to bottom,  #e78888 0%,#e78888 50%,#e47b7b 50%,#e78888 50%,#e47b7b 50%,#e47b7b 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e78888', endColorstr='#e47b7b',GradientType=0 );
}
#Select .btnAnshin{
	background: #ecc14c;
	background: -moz-linear-gradient(top,  #ecc14c 0%, #ecc14c 50%, #eaba38 50%, #eaba38 100%);
	background: -webkit-linear-gradient(top,  #ecc14c 0%,#ecc14c 50%,#eaba38 50%,#eaba38 100%);
	background: linear-gradient(to bottom,  #ecc14c 0%,#ecc14c 50%,#eaba38 50%,#eaba38 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ecc14c', endColorstr='#eaba38',GradientType=0 );
}
#Select .btnBalance{
	background: #69c8c3;
	background: -moz-linear-gradient(top,  #69c8c3 0%, #69c8c3 50%, #58c2bc 50%, #58c2bc 100%);
	background: -webkit-linear-gradient(top,  #69c8c3 0%,#69c8c3 50%,#58c2bc 50%,#58c2bc 100%);
	background: linear-gradient(to bottom,  #69c8c3 0%,#69c8c3 50%,#58c2bc 50%,#58c2bc 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#69c8c3', endColorstr='#58c2bc',GradientType=0 );
}
#Select .btnSimple{
background: #75afd4;
background: -moz-linear-gradient(top,  #75afd4 0%, #75afd4 50%, #65a6cf 50%, #65a6cf 100%);
background: -webkit-linear-gradient(top,  #75afd4 0%,#75afd4 50%,#65a6cf 50%,#65a6cf 100%);
background: linear-gradient(to bottom,  #75afd4 0%,#75afd4 50%,#65a6cf 50%,#65a6cf 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#75afd4', endColorstr='#65a6cf',GradientType=0 );
}
#Select .btnJujitsu .line{border:1px #d06969 solid;}
#Select .btnAnshin .line{border:1px #d0a329 solid;}
#Select .btnBalance .line{border:1px #48a8a3 solid;}
#Select .btnSimple .line{border:1px #5491b8 solid;}
@media (max-width:640px){
	#Select{background-size:100% 40px;}
	#Select .title{padding:0 15px;}
	#Select .title img{width:100%;height:auto;}
	#Select .catch{padding:15px;}
	#Select .catch img{width:100%;height:auto;}
	#Select .selList{padding:5px 15px 0;letter-spacing:0;}
	#Select .selList:after{content:".";display:block;height:0;font-size:0;clear:both;visibility:hidden;}
	#Select .selList li{float:none;display:block;margin:0 0 10px;width:auto;box-sizing: border-box;border-radius:20px;}
	#Select .selList li:nth-child(2n){float:none;margin:0 0 10px;}
	#Select .selList li.plan01{border:4px solid #e47b7b;}
	#Select .selList li.plan02{border:4px solid #eaba38;}
	#Select .selList li.plan03{border:4px solid #58c2bc;}
	#Select .selList li.plan04{border:4px solid #65a6cf;}
	#Select .selList li .txt{padding:0;font-size:11px;line-height:15px;}
	#Select .selList li.plan01 .txt{font-size:11px;}
	#Select .selList .ttl{margin:5px 0 0 0;font-size:16px;}
	#Select .selList .gray{padding:10px 0 10px;}
	#Select .selList .gray table{font-size:10px;}
	#Select .selList .gray td{padding:10px 2.5px 10px 10px;}
	#Select .selList .gray td:nth-child(2n){padding:10px 10px 10px 2.5px;}
	#Select .detail .btn{padding:3px;font-size:13px;border-radius:10px;text-indent:-10px;}
	#Select .detail .line{padding:10px 0 0 0;height:30px;border-radius:7px;}
	#Select .detail .ico{right:10px;margin:-10px 0 0 0;width:20px;height:20px;}
}

/** |09. Select | << ********************************************************************************* << END **/

/** |10. Plan | >> ********************************************************************************* >> START **/

#Plan .plaList{margin:0 auto;width:1000px;}
#Plan .plaList .box{position:relative;display:none;margin:40px auto 0;padding:60px 45px 30px;border-radius:28px;text-align: left;}
#Plan .plaList .box.act{display:block;}
#Plan .plaList .arrow_l{position: absolute;top:-39px;left:0;}
#Plan .plaList .catch{padding:0 0 10px 0;font-size:20px;font-weight: bold;line-height:1.1;}
#Plan .plaList .title{padding:0 0 20px 0;font-size:45px;font-weight: bold;line-height:1.1;color:#e47b7b;}
#Plan .plaList .illust{position: absolute;top:20px;right:40px;}
#Plan .plaList #Jujitsu.box .illust{right:0;}
#Plan .plaList .hash b{display: inline-block;margin:0 10px 0 0;padding:12px 20px;border-radius:24px;font-size:15px;line-height:15px;border:solid 3px #e47b7b;}
#Plan .plaList .hash{margin:0 0 50px 0;}
#Plan .plaList .point{padding:20px;background-color:#fcf2f2;}
#Plan .plaList .point:after{content:".";display:block;height:0;font-size:0;clear:both;visibility:hidden;}
#Plan .plaList .color{float: left;margin:0 0 35px;width:218px;text-align: center;background-color:#f9e6e6;border:1px #f2c8c8 solid;border-radius:5px;font-size:15px;line-height:88px;font-weight: bold;}
#Plan .plaList .text{float: right;width:610px;line-height:1.7;}
#Plan .plaList .text b{color:#d00;}
#Plan .plaList .risk{padding:0 6px;letter-spacing:-0.4em;position: relative;clear:both;background-color: #fff;border-radius: 10px;text-align: center;}
#Plan .plaList .risk dt{position: absolute;top:-15px;left:50%;margin:0 0 0 -360px;background-color:#e47b7b;width:720px;padding:7.5px 0;text-align: center;letter-spacing:0;color:#fff;font-size:15px;line-height:15px;font-weight: bold;border-radius:15px;}
#Plan .plaList .risk dd{margin:25px 3.5px 15px;display: inline-block;letter-spacing:0;}
#Plan .plaList .middle{margin:20px 0 0 0;padding:15px;background-color: #f5f5f5;}
#Plan .plaList .middle:after{content:".";display:block;height:0;font-size:0;clear:both;visibility:hidden;}
#Plan .plaList .middle .txt{float: left;padding:10px 25px;width:500px;font-size:13px;line-height:2;}
#Plan .plaList .middle .btn{float: right;width:300px;height:72px;line-height:72px;text-align: center;}
#Plan .plaList .case{margin:30px 0 0 0;}
#Plan .plaList .inner{margin:20px 0 0 0;padding:29px 14px 14px;border:1px solid #ddd;}
#Plan .plaList .information{position: relative;font-size:14px;min-height:100px;padding:0 15px 0 115px;}
#Plan .plaList .information .ico{position: absolute;top:0;left:0;}
#Plan .plaList .information .mini{color:#e47b7b;font-weight: bold;}
#Plan .plaList .information table{border-bottom:1px #ddd solid;border-right:1px #ddd solid;font-size:13px;width:100%;}
#Plan .plaList .information table td{padding: 10px 0;border-top:1px #ddd solid;border-left:1px #ddd solid;width:12.5%;box-sizing: border-box;text-align: center;}
#Plan .plaList .information table td.pay{width:25%;}
#Plan .plaList .information .gray{background-color:#f5f5f5;}
#Plan .plaList .chart{clear: both;margin:10px 0 0 0;background-image:url(../img/stu_bg_ami.png);background-size:10px 10px;background-repeat: repeat;}
#Plan .plaList .caution{margin:30px 0 0;}
#Plan .plaList .caution li{padding: 0 0 0 2em;text-indent: -2em;}
#Plan .plaList .caution li.hosoku{padding:10px 0 0 1em;text-indent: -1em;}
#Plan .plaList .result{margin:15px 0 0 0;background-color:#fdf8eb;text-align: center;}
#Plan .plaList .result li{display:inline-block;width:240px;margin:15px 5px;padding:20px 0;border:solid 1px #f1e0b5;background-color:#fff;font-size:16px;border-radius:60px;font-weight: bold;}
#Plan .plaList .result li b{color:#d00;font-size:24px;line-height:1.1;}
/*-----[Close]-----*/
#Plan .plaList #Close.box{margin:30px auto 0;padding:5px;border:4px solid #aaaaaa;text-align:center;}
#Plan .plaList #Close.box .bg{padding:8px 0;background-color:#f5f5f5;border-radius:18px;}
#Plan .plaList #Close img{line-height: 80px;vertical-align: middle;}
/*-----[Jujitsu]-----*/
#Plan .plaList #Jujitsu.box{border:5px solid #e47b7b;}
#Plan .plaList #Jujitsu.box .arrow_l{left:117px;}
/*-----[Anshin]-----*/
#Plan .plaList #Anshin.box{border:5px solid #eaba38;}
#Plan .plaList #Anshin.box .arrow_l{left:793px;}
#Plan .plaList #Anshin.box .title{color:#eaba38;}
#Plan .plaList #Anshin.box .hash b{border: 3px solid #eaba38;}
#Plan .plaList #Anshin.box .point {background-color: #fdf8eb;}
#Plan .plaList #Anshin.box .color{background-color: #faf0d6;border: 1px solid #f1e0b5;}
#Plan .plaList #Anshin.box .risk dt{background-color: #eaba38;}
#Plan .plaList #Anshin.box .information .mini {color: #eaba38;}
/*-----[Balance]-----*/
#Plan .plaList #Balance.box{border:5px solid #58c2bc;}
#Plan .plaList #Balance.box .arrow_l{left:455px;}
#Plan .plaList #Balance.box .title{color:#58c2bc;}
#Plan .plaList #Balance.box .hash b{border:3px solid #58c2bc;}
#Plan .plaList #Balance.box .point {background-color: #eef9f8;}
#Plan .plaList #Balance.box .point:after{content:".";display:block;height:0;font-size:0;clear:both;visibility:hidden;}
#Plan .plaList #Balance.box .color{margin: 0 0 15px;width:684px;height:40px;line-height:40px;border: 1px solid #c4e4e3;background-color: #dcf2f1;}
#Plan .plaList #Balance.box .text{float: left;width:684px;}
#Plan .plaList #Balance.box .risk{clear:none;float:right;margin:-40px 0 0 0;width:141px;}
#Plan .plaList #Balance.box .risk dt{width:126px;margin:0 0 0 -63px;background-color: #58c2bc;}
#Plan .plaList #Balance.box .information .mini{color: #58c2bc;}
#Plan .plaList #Balance.box .result{background-color:#eef9f8;}
#Plan .plaList #Balance.box .result li {border: 1px solid #c4e4e3;}
/*-----[Simple]-----*/
#Plan .plaList #Simple.box{border:5px solid #65a6cf;}
#Plan .plaList #Simple.box .arrow_l{left:117px;}
#Plan .plaList #Simple.box .title{color:#65a6cf;}
#Plan .plaList #Simple.box .hash b{border: 3px solid #65a6cf;}
#Plan .plaList #Simple.box .point {background-color: #eff6fa;}
#Plan .plaList #Simple.box .color{margin:0;background-color: #dfecf5;border: 1px solid #bfd8e9;}
#Plan .plaList #Simple.box .risk dt{background-color: #65a6cf;}
#Plan .plaList #Simple.box .information .mini {color: #65a6cf;}
#Plan .plaList #Simple.box .result{background-color:#eff6fa;}
#Plan .plaList #Simple.box .result li {border: 1px solid #bfd8e9;}
@media (max-width:640px){
	#Plan{padding:0 15px;}
	#Plan .plaList{margin:0 auto;width:auto;}
	#Plan .plaList .box{padding:15px;border-radius:20px;}
	#Plan .plaList .arrow_l{top:-39px;left:0;}
	#Plan .plaList .catch{padding:10px 100px 10px 0;font-size:12px;line-height:1.2;}
	#Plan .plaList .title{padding:0 0 5px 0;font-size:25px;}
	#Plan .plaList .illust{position: absolute;top:20px;right:5px;width:130px;height:100px;}
	#Plan .plaList .hash b{display: inline-block;margin:0 0 3px 0;padding:4px 10px;border-radius:15px;font-size:11px;line-height:11px;border:solid 2px #e47b7b;}
	#Plan .plaList .hash{margin:0 0 10px 0;}
	#Plan .plaList .point{padding:10px;}
	#Plan .plaList .color{float:none;margin:0 0 10px;padding:5px 0;width:auto;font-size:13px;line-height:1;}
	#Plan .plaList .text{float:none;width:auto;line-height:1.5;font-size: 14px;}
	#Plan .plaList .risk{padding:5px 0 1%;text-align:center;}
	#Plan .plaList .risk dt{position:relative;top:auto;left:auto;margin:0 5px;padding:5px 0;width:auto;font-size:10px;line-height: 12px;}
	#Plan .plaList .risk dd{margin:1% 1% 1%;width:22%;box-sizing: border-box;}
	#Plan .plaList .risk dd img{width:100%;height:auto;}
	#Plan .plaList .middle{margin:10px 0 0 0;padding:15px;background-color: #f5f5f5;}
	#Plan .plaList .middle .txt{float:none;padding:0 0 5px;font-size:12px;width:auto;line-height:1.5;}
	#Plan .plaList .middle .btn{float:none;width:auto;height:45px;line-height: 45px;display: block;font-size: 13px;}
	#Plan .plaList .middle .btn .ico{width:14px;height:14px;margin:-7px 0 0 0;}
	#Plan .plaList .case{margin:15px 0 0 0;}
	#Plan .plaList .inner{margin:5px 0 0 0;padding:14px 9px 9px;border:1px solid #ddd;}
	#Plan .plaList .miniTitle{font-size:14px;}
	#Plan .plaList .information{position: relative;font-size:14px;min-height:0;padding:0 0 0 50px;}
	#Plan .plaList .information .ico{width:40px;height:40px;}
	#Plan .plaList .information .mini{font-size:12px;}
	#Plan .plaList .information table{display:block;width:100%;margin:0;padding:0;font-size:10px;}
	#Plan .plaList .information table tbody{display:block;width:100%;}
	#Plan .plaList .information table:after{content:".";display:block;height:0;font-size:0;clear:both;visibility:hidden;}
	#Plan .plaList .information table td{display:block;float:left;padding:2px 0;box-sizing:border-box;}
	#Plan .plaList .information table td.pay{display:block;float:left;box-sizing:border-box;}
	#Plan .plaList .chart{background-size:8px 8px;}
	#Plan .plaList .chart img{width:100%;height:auto;}
	#Plan .plaList .caution{margin:15px 0 0;}
	#Plan .plaList .result{padding:10px;}
	#Plan .plaList .result li{display:block;width:auto;margin:0 0 10px;padding:10px 0;font-size:12px;}
	#Plan .plaList .result li:last-child{margin:0;}
	#Plan .plaList .result li b{font-size:18px;}
	/*-----[Close]-----*/
	#Plan .plaList #Close.box{margin:0 auto;border:4px solid #aaaaaa;text-align:center;}
	#Plan .plaList #Close.box .bg{border-radius:10px;}
	#Plan .plaList #Close img{line-height:1;margin:0 auto;display: block;}
	#Plan .plaList #Close img.mouse{margin:0 auto 10px;width:50px;height:50px;}
	#Plan .plaList #Close img.click{width:90%;height:auto;}
	/*-----[Jujitsu]-----*/
	#Plan .plaList #Jujitsu.box {border: 4px solid #e47b7b;}
	#Plan .plaList #Jujitsu.box .arrow_l{left:50%;margin:0 0 0 -40px;}
	#Plan .plaList #Jujitsu.box .illust{right:0;}
	/*-----[Anshin]-----*/
	#Plan .plaList #Anshin.box {border: 4px solid #eaba38;}
	#Plan .plaList #Anshin.box .hash b{border: 2px solid #eaba38;}
	#Plan .plaList #Anshin.box .arrow_l{left:50%;margin:0 0 0 -40px;}
	#Plan .plaList #Anshin.box .illust{right:0;}
	/*-----[Balance]-----*/
	#Plan .plaList #Balance.box {border:4px solid #58c2bc;}
	#Plan .plaList #Balance.box .hash b{border: 2px solid #58c2bc;}
	#Plan .plaList #Balance.box .arrow_l{left:50%;margin:0 0 0 -40px;}
	#Plan .plaList #Balance.box .illust {width:90px;height:69px;right:15px;}
	#Plan .plaList #Balance.box .title{font-size:22px;}
	#Plan .plaList #Balance.box .color{margin: 0 0 10px;padding: 5px 0;width:auto;height:auto;line-height:1;}
	#Plan .plaList #Balance.box .text{float:none;width:auto;}
	#Plan .plaList #Balance.box .risk{clear:both;float:none;margin:0;width:auto;}
	#Plan .plaList #Balance.box .risk dt{width:auto;margin:0;background-color: #58c2bc;}
	/*-----[Simple]-----*/
	#Plan .plaList #Simple.box {border: 4px solid #65a6cf;}
	#Plan .plaList #Simple.box .hash b{border: 2px solid #65a6cf;}
	#Plan .plaList #Simple.box .arrow_l{left:50%;margin:0 0 0 -40px;}
	#Plan .plaList #Simple.box .illust {width:110px;height:85px;}
	#Plan .plaList #Simple.box .title{font-size:22px;}
	#Plan .plaList #Simple.box .color{margin: 0 0 10px;}
}

/** |10. Plan | << ********************************************************************************* << END **/

/** |11. Study | >> ********************************************************************************* >> START **/

#Study .board{margin:60px auto 30px;padding:40px 0 50px;position: relative;width:1000px;background:#e8ba8c;border-radius:30px;}
#Study .clip{position: absolute;top:-10px;left:50%;margin:0 0 0 -120px;}
#Study .sheet{margin:0 50px;padding:60px 40px 40px; background:#fff;border-radius:10px;text-align: left;}
#Study .title{text-align: center;}
#Study .text{padding:30px 0 30px;}
#Study .text b{line-height:1.8;font-size:16px;color:#d00;}
#Study .line{margin:15px 0;padding:10px 20px 15px;border:1px solid #ddd;font-size:14px;}
#Study .line b{padding:5px 0 0 0;display: block;color:#000;font-size:14px;}
#Study .subtitle{margin:0 0 10px 0;font-weight: bold;}
#Study .chart{margin:0 0 30px 0;background-image:url(../img/stu_bg_ami.png);background-size:10px 10px;background-repeat: repeat;}
#Study .condition{font-size:12px;}
#Study .condition table{width:100%;border-top:1px solid #ddd;border-left:1px solid #ddd;box-sizing: border-box;}
#Study .condition table th{padding:10px 0;border-bottom:1px solid #ddd;border-right:1px solid #ddd;background-color: #eee;text-align: center;}
#Study .condition table td{padding:10px 0;border-bottom:1px solid #ddd;border-right:1px solid #ddd;text-align: center;}
#Study .condition .row01{width:15%;}
#Study .condition .row02{width:42.5%;}
#Study .condition .row03{width:42.5%;}
#Study .caution{margin:30px 0 0;}
#Study .caution li{padding: 0 0 0 2.5em;text-indent: -2.5em;}
@media (max-width:640px){
	#Study{padding:0 15px;}
	#Study .board{margin:40px auto 30px;padding:15px 15px 20px;width:auto;border-radius:20px;}
	#Study .clip{top:-10px;margin:0 0 0 -50px;width:120px;height:43px;}
	#Study .sheet{margin:0;padding:30px 15px 15px;}
	#Study .title img{width:90%;height:auto;}
	#Study .text{padding:20px 0;font-size:14px;}
	#Study .text b{font-size:15px;}
	#Study .line{margin:10px 0;padding:10px 15px 15px;}
	#Study .line .small{display: block;line-height:1.5;}
	#Study .subtitle {margin: 0 0 5px;font-size:14px;}
	#Study .chart{margin:0 0 20px 0;background-size:8px 8px;}
	#Study .condition table th{font-size:10px;}
	#Study .chart img{width:100%;height: auto;}
	#Study .condition .row02{width:52.5%;}
	#Study .condition .row03{width:32.5%;}
	#Study .caution{margin:10px 0 0;}
}

/** |11. Study | << ********************************************************************************* << END **/

/** |12. Voice | >> ********************************************************************************* >> START **/

#Data{padding:60px 0 90px;background-color:#f5f5f5;}
#Data .title{margin:0 0 50px 0;}
#Data .datList{padding:0 75px;text-align: left;}
#Data .datList:after{content:".";display:block;height:0;font-size:0;clear:both;visibility:hidden;}
#Data .left{float: left;width:480px;background-color: #ffd458;border-radius: 10px;width:435px;text-align: center;}
#Data .right{float: right;width:480px;background-color: #ffd458;border-radius: 10px;width:435px;text-align: center;}
#Data .caution{margin:20px 70px 0;padding:0 0 0 2.5em;text-align: left;text-indent: -2.5em;}
@media (max-width:640px){
	#Data{padding:30px 0;}
	#Data .title{margin:0 0 30px 0;padding:0 20px;}
	#Data .title img{width:100%;max-width:276px;height:auto;}
	#Data .datList{padding: 0 15px;width:auto;}
	#Data .left{width:49%;}
	#Data .right{width:49%;}
	#Data .left img{width:100%;height:auto;}
	#Data .right img{width:100%;height:auto;}
	#Data .caution{margin:10px 15px;padding:0 0 0 2.5em;text-align: left;text-indent: -2.5em;}
}

/** |12. Voice | << ********************************************************************************* << END **/

/** |13. Reason | >> ********************************************************************************* >> START **/

#Reason{padding:60px 0 90px;}
#Reason .title{margin:0 0 50px 0;}
#Reason .reaList{padding:0 20px;text-align: left;}
#Reason .reaList:after{content:".";display:block;height:0;font-size:0;clear:both;visibility:hidden;}
#Reason .left{float: left;width:480px;}
#Reason .right{float: right;width:480px;}
#Reason .reaList .img{border-radius:10px 10px 0 0;}
#Reason .reaList b{display: block;}
#Reason .reaList .txt{padding:20px 30px 20px 30px;border-radius:0 0 10px 10px;border:1px solid #ddd;border-width:0 1px 1px 1px;}
@media (max-width:640px){
	#Reason{padding:30px 0;}
	#Reason .title{margin:0 0 30px 0;padding:0 20px;}
	#Reason .title img{width:100%;max-width:353px;height:auto;}
	#Reason .voiList{padding: 0 15px;}
	#Reason .left{float:none;margin:0 0 15px 0;width:auto;}
	#Reason .right{float:none;width:auto;}
	#Reason .reaList .img{width:100%;height: auto;}
	#Reason .reaList .txt{padding:20px;}
}

/** |13. Reason | << ********************************************************************************* << END **/

/** |14. Voice | >> ********************************************************************************* >> START **/

#Voice{padding:60px 0 90px;background-color:#f5f5f5;}
#Voice .title{margin:0 0 50px 0;}
#Voice .voiList{margin:0 auto;width:720px;text-align: left;}
#Voice .voiList li{position: relative;margin: 0 0 40px;padding:0 0 0 150px;min-height: 120px;font-size:14px;line-height: 1.8;}
#Voice .voiList li .img{position: absolute;top:0;left:0;}
#Voice .voiList li .client{display: block;font-weight: bold;}
#Voice .caution{margin:0 auto;padding:30px 0 0 ;width:720px;text-align: left;border-top:1px solid #ddd;}
@media (max-width:640px){
	#Voice{padding:30px 0;}
	#Voice .title{margin:0 0 30px 0;}
	#Voice .title img{width:auto;height:43px;}
	#Voice .voiList{padding: 0 15px;width:auto;}
	#Voice .voiList li{position: relative;margin: 0 0 15px;padding:0 0 0 100px;min-height:80px;}
	#Voice .voiList li .img{width:80px;height: 80px;}
	#Voice .voiList li .client{display: block;font-weight: bold;}
	#Voice .caution{margin:0 15px;padding:14px 0 0 ;width:auto;text-align: left;border-top:1px solid #ddd;}
}

/** |14. Voice | << ********************************************************************************* << END **/

/** |15. Faq | >> ********************************************************************************* >> START **/

#Faq{padding:60px 0;}
#Faq .title{margin:0 0 50px 0;}
#Faq .faqList{margin:0 auto;width:1000px;text-align: left;}
#Faq .question{position:relative;margin:20px 0 0;padding:18px 30px 0 100px;height:40px;border:1px solid #ddd;border-radius:10px;
cursor: pointer;
transition:0.3s ease-in-out;
box-shadow:0px 0px 0px 2px #ffffff inset;
-moz-box-shadow:0px 0px 0px 2px #ffffff inset;
-webkit-box-shadow:0px 0px 0px 2px #ffffff inset;
background:#ffffff;
background:-moz-linear-gradient(top,  #ffffff 0%, #f5f5f5 100%);
background:-webkit-linear-gradient(top,  #ffffff 0%,#f5f5f5 100%);
background:linear-gradient(to bottom,  #ffffff 0%,#f5f5f5 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f5f5f5',GradientType=0 );
}
#Faq .question:first-child{margin:0;}
#Faq .question a{display: block;}
#Faq .question .q{position: absolute;top:15px;left:30px;}
#Faq .question .up{position: absolute;top:20px;right:30px;display:none;}
#Faq .question .dw{position: absolute;top:20px;right:30px;display:block;}
#Faq .question.open .up{display:block;}
#Faq .question.open .dw{display:none;}
#Faq .answer{overflow:hidden;height:0;}
#Faq .answer .box{position: relative;padding:30px 30px 30px 100px;border-radius:10px;background:#f5f5f5;font-size:14px;}
#Faq .answer .a{position: absolute;top:30px;left:30px;}
@media (max-width:640px){
	#Faq{margin:0 0 15px 0;padding:30px 0;}
	#Faq .title{margin:0 0 30px 0;}
	#Faq .title img{width:auto;height:24px;}
	#Faq .faqList{margin:0 15px;width:auto;}
	#Faq .question{position: relative;margin:15px 0 0;padding:15px 50px 15px 60px;height:auto;font-size: 14px;}
	#Faq .question .q{position: absolute;top:50%;left:15px;width:30px;height:auto;margin:-10px 0 0 0;}
	#Faq .question .up{display:none;position: absolute;top:50%;right:15px;margin:-6px 0 0 0;width:20px;height:auto;}
	#Faq .question .dw{display:block;position: absolute;top:50%;right:15px;margin:-6px 0 0 0;width:20px;height:auto;}
	#Faq .question.open .up{display:block;}
	#Faq .question.open .dw{display:none;}
	#Faq .answer{overflow:hidden;}
	#Faq .answer .box{position: relative;padding:20px 20px 20px 60px;border-radius:10px;background:#f5f5f5;font-size:14px;}
	#Faq .answer .a{position: absolute;top:20px;left:15px;width:30px;height:auto;}
}

/** |15. Faq | << ********************************************************************************* << END **/

/** |16. Flow | >> ********************************************************************************* >> START **/

#Flow{margin:0 0 15px 0;padding:60px 0 90px;background-color:#f5f5f5;}
#Flow .title{margin:0 0 50px 0;}
#Flow .counselor{margin:0 auto;width:760px;background-color:#fff;border-radius:10px;font-size:15px;}
#Flow .counselor:after{content:".";display:block;height:0;font-size:0;clear:both;visibility:hidden;}
#Flow .counselor .left{float:left;}
#Flow .counselor .left img{border-radius:10px 0 0 10px;}
#Flow .counselor .right{float:right;padding:60px 0 0 0;width:510px;text-align:left;font-weight:bold;}
#Flow .flowList{letter-spacing:-0.4em;}
#Flow .flowList li{position:relative;padding:50px 0 0;width:290px;letter-spacing:0;display:inline-block;vertical-align:top;}
#Flow .flowList li .img{display:block;margin:0 auto 30px;}
#Flow .flowList .ttl{font-weight:bold;}
#Flow .flowList .ttl .num{padding:0 2px 0 0;}
#Flow .flowList .arrow{position:absolute;top:130px;left:260px;display:block;width:63px;height:22px;background-image:url(../img/flo_ico_arrow.png);background-size:63px 22px;}
@media (max-width:640px){
	#Flow{padding:30px 0;}
	#Flow .title{margin:0 0 30px 0;}
	#Flow .title img{width:auto;height:24px;}
	#Flow .counselor{margin:0 15px;width:auto;font-size:13px;line-height:1.4;}
	#Flow .counselor .left{float:none;}
	#Flow .counselor .left img{width:100%;height:auto;border-radius:10px 10px 0 0 ;}
	#Flow .counselor .right{float:none;padding:0;width:auto;padding:15px;}
	#Flow .flowList{padding:30px 15px 0;letter-spacing:0;}
	#Flow .flowList:after{content:".";display:block;height:0;font-size:0;clear:both;visibility:hidden;}
	#Flow .flowList li{float:none;display:block;margin:0 0 40px 0;padding:30px 0 0 105px;width:auto;min-height:50px;text-align:left;}
	#Flow .flowList li.right{margin:0;padding:10px 0 0 105px;min-height:70px;}
	#Flow .flowList li.right br{display:none;}
	#Flow .flowList li .img{position:absolute;top:0;left:5px;margin:0;width:80px;height:80px;}
	#Flow .flowList .ttl{font-size:15px;line-height:1.1;}
	#Flow .flowList .ttl .num{position:absolute;top:-5px;left:0;padding:0;}
	#Flow .flowList .arrow{top:auto;bottom:-25px;left:36px;width:15px;height:10px;background-image:url(../img/flo_ico_arrow_sp.png);background-size:15px 10px;}
}

/** |16. Flow | << ********************************************************************************* << END **/

/** |17. Footer | >> ********************************************************************************* >> START **/

#Footer{margin:-30px 0 0 0;}
#Footer .caution{margin:0 20px 20px;padding:20px 30px 30px 30px;border:1px solid #ddd;text-align:left;line-height:1.8;}
#Footer .caution:nth-child(2){margin:0 20px 0;}
#Footer .caution .title{padding:0 0 10px 0;font-weight:bold;font-size:16px;}
#Footer .caution .title img{padding:0 10px 0 0;}
#Footer .caution .color{color:#d00;}
#Footer .corp .text{position:relative;height:150px;}
#Footer .corp .name{position:absolute;top:50%;left:50%;margin:-11px 0 0 -111px;display:block;}
#Footer .corp .logo{position:absolute;top:50%;left:20px;margin:-36px 0 0 0;display:block;}
#Footer .corp .num{text-align:right;}
#Footer .copyright{padding:20px;border-top:1px solid #ddd;}
#Footer .regist{float:right;padding:0 20px 0 0;}
#Footer .copy{float:left;padding:0 0 0 20px;}
@media (max-width:640px){
	#Footer{margin:-15px 0 0 0;}
	#Footer .caution{margin:0 15px 15px;padding:20px;line-height:1.5;}
	#Footer .caution:nth-child(2){margin:0 15px;}
	#Footer .caution .title{padding:0 0 10px 0;font-weight:bold;font-size:16px;}
	#Footer .caution .title img{width:33px;height:30px;}
	#Footer .corp .text{height:auto;}
	#Footer .corp .name{position:relative;top:auto;left:auto;margin:0 auto;padding:20px 0 15px;width:150px;height:15px;}
	#Footer .corp .logo{position:relative;top:auto;left:auto;margin:0 auto;padding:0 0 20px;}
	#Footer .copyright{padding:15px;}
	#Footer .regist{float:none;padding:0 0 5px 0;}
	#Footer .copy{float:none;padding:0;}
}

/** |17. Footer | << ********************************************************************************* << END **/

/** |18. Disney | >> ********************************************************************************* >> START **/

#Disney{position:absolute;top:375px;left:0;margin:0;width:100%;min-width: 1040px;}
#Disney .frame.full{margin:0 auto;}
#Disney .box{position:relative;border:3px solid #ffe745;border-radius:10px;background-color:#fff;margin:0 0 0 15px;width:474px;min-height:200px;}
#Disney .title{margin:10px 10px 12px;padding:9px 0 8px;color:#00b8f0;background-color: #fff3a2;font-size:16px;line-height: 16px;font-weight: bold;}
#Disney .title .color{color:#d00;display: inline-block;position: relative;vertical-align: middle;line-height:19px;}
#Disney .title .tag{position: absolute;top:-3px;left:0;display:block;color:#fff; background:#ff8400;width:65px;font-size:15px;line-height:24px;vertical-align:middle;}
#Disney .img{display: block;position: absolute;top:60px;left:20px;}
#Disney .ico{display: block;position: absolute;top:-32px;left:439px;}
#Disney .name{padding:0 0 3px 0;font-size:18px;font-weight: bold;line-height:20px;}
#Disney .txt{text-align: left;padding:0 12px 12px 153px;min-height: 120px;font-size: 12px;line-height:1.2;color:#555555;}
#Disney a{text-decoration:underline;}
#Disney a:hover{text-decoration:none;}
@media (max-width:640px){
	#Disney{position:relative;top:0;left:0;margin:0;width:100%;min-width:0;}
	#Disney .frame.full{margin:0 auto;}
	#Disney .box{border:none;border-radius:0;background-color:#fffbe3;margin:0;width:auto;padding:10px 0 0 0;min-height:0;}
	#Disney .title{margin:0 10px 10px;font-size:14px;line-height:14px;}
	#Disney .title .tag{font-size:14px;width:60px;}
	#Disney .img{top:55px;left:20px;width:80px;height:81px;}
	#Disney .ico{top:-40px;left:auto;right:10px;width:70px;height:54px;}
	#Disney .name{padding:0 0 1px 0;font-size:14px;line-height:15px;}
	#Disney .txt{text-align: left;padding:0 10px 15px 115px;min-height:92px;font-size:10px;}
}

/** |18. Disney | << ********************************************************************************* << END **/