@charset "utf-8";

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

	Module Top Style Sheet

-----------------------------------------------------------*/
/* common */

.sns{float:right; text-align:left; /*width:390px;*/ width:380px; margin:15px 0 15px 0;}
.title{float:left; margin:0 10px 0 0; padding:4px 0 0 0; width:80px;}
.twitter{float:left; margin:0 10px 0 0; padding:0; width:90px;}
.facebook{float:left; margin:0 10px 0 0; padding:0; width:110px;}
.gplus{float:left; margin:0 0px 0 0; padding:0; /*width:80px;*/ width:70px;}
.mixi{float:left; margin:0; padding:2px 0 0 0; width:80px;}
.hatena{float:left; margin:0 10px 0 0; padding:0;}
.sns li img{ vertical-align: top;}

/*.anq{float:right; margin:0 20px 25px; font-size:14px;}*/
.anq{ position:absolute; left:0; bottom:18px; float:right; margin:0; font-size:14px;}
.anq a {color:#00A8F6;}

.clearfix:before, .clearfix:after {
  content: "\0020";
  display: block;
  height: 0;
  visibility: hidden;
}

.clearfix:after {
  clear: both;
}

.clearfix {
  zoom: 1;
}

#column1-main {
	font-size: 13px;
	letter-spacing: 0;
	margin: 10px 0 0;
}
#column1-main p {
	line-height:1.64;
}
p {/*margin-bottom:1.5em;*/}
.note {font-size:12px !important; color:#666666;}
.caption {font-size:12px;}
#column1-main .left {float: left;}
#column1-main .right {float: right;}
#column1-main .left2 {float: left;}
#column1-main .right2 {float: right;}
#column1-main .clear {clear:both;}

#pagebody a.o_link,
#pagebody a.link_ico {
    background: url("../images/ico_link.gif") no-repeat scroll right center transparent !important;
    height: 100%;
    margin-right: 0.5em;
    padding-right: 15px;
}

#container_mainv {
	/*border:solid 1px #ccc;
	padding:21px;*/
	position:relative;
}

#container_mainv h2 {
	/*margin: 0 0 20px;*/
	margin: 0 0 0px;
}
#container_mainv .p_info {
	margin: -5px 0 10px;
}

#container_mainv .btn01 {
	position:absolute;
	left:111px;
	top:369px;
}
#container_mainv .btn02 {
	position:absolute;
	left:248px;
	top:369px;
}



.link {margin-bottom:25px; /*background:#eef9ff url(../images/top_bg.png); padding:10px;*/}
.link ul li {float:left; margin-left:10px;}
.link ul li.l1 {margin-left:0;}

.section p.img {margin:0;}
.section p {font-size:14px;}

.section p.text {margin:0 0 23px;}

.interview h3 {margin:0 0 24px;}
.interview p.q { font-weight:bold; margin:0 0 23px;}
.interview p.text span {font-weight:bold; color:#533f96;}
.interview .caption {color:#29117f; margin-top:8px; font-size:12.5px;}

.interview h3 img { display:block;}
.interview h3 span { display:none;}

.unit { margin-bottom:7px;}
.unit.dot { background:url(../images/dotline.png) 0 bottom repeat-x; padding-bottom:31px; margin-bottom:30px;}

.section h2 {margin:0 0 20px;}

#s1 {margin:0 0 23px; background:url(../images/bg_head.jpg) 0 top no-repeat; padding:57px 0 0; position:relative;}
#s1 h3 {margin-bottom:30px !important;}
#s1 .u1 {margin-bottom:0 !important;}
#s1 .u1 .left {width:506px; font-weight:bold;}
#s1 .u1 .left p {margin-bottom:0 !important;}
#s1 .u1 .right {width:415px;}
#s1 .u2 {background:url(../images/bg_foot.jpg) 0 bottom no-repeat; padding:0 0 57px; position:relative;}
#s1 .u2 .block {width:890px; padding:0 5px 20px; margin:0 auto 20px; background:url(../images/dotline.png) 0 bottom repeat-x;}
#s1 .u2 .block.b5 {padding:0 5px 0px; margin-bottom:0px; background:none;}
#s1 .u2 .block .maru {width:125px; float:left;}
#s1 .u2 .block .desc {width:490px; float:left;}
#s1 .u2 .block .desc img { margin-top:10px;}
#s1 .u2 .block .photo {width:240px; float:right;}


.wrap {border:solid 3px #eaebed; border-top:none; margin-bottom:40px; padding-bottom:44px;}
.wrap h3 {display:none;}

#s2 {margin:0 0 0px; background:url(../images/s2_bg.jpg) 0 1px no-repeat;}
#s2 .posi {height:483px; position:relative;}
#s2 .img01 {position:absolute; top:32px; right:27px;}
#s2 .com01 {position:absolute; top:143px; left:302px;}
#s2 .img02 {position:absolute; top:294px; left:239px;}
#s2 .com02 {position:absolute; top:358px; right:27px;}
#s2 .voice {background:#fbebe9; border-radius:10px; margin:30px 27px 0; padding:20px 20px 10px;}
#s2 .voice p {background:url(../images/s2_icon.png) 0 0 no-repeat;}

.section .voice .left {width:410px; float:left;}
.section .voice .right {width:410px; float:right;}
.section .voice p {padding:0 0 10px 25px; }
.section .voice p span {display:block; text-align:right; font-size:85%;}

.com img {display:block;}
.com span {display:none; text-align:left; padding:10px 0 15px;}

#s3 {margin:45px 0 0px; background:url(../images/s3_bg.jpg) right 0px no-repeat;}
#s3 .posi {height:651px; position:relative;}
#s3 .img01 {position:absolute; top:65px; left:28px;}
#s3 .com01 {position:absolute; top:127px; left:391px;}
#s3 .img02 {position:absolute; top:358px; left:285px;}
#s3 .com02 {position:absolute; top:350px; left:26px;}
#s3 .img03 {position:absolute; top:253px; left:527px;}
#s3 .com03 {position:absolute; top:529px; left:521px;}
#s3 .voice {background:#e8f1f6; border-radius:10px; margin:30px 27px 0; padding:20px 20px 10px;}
#s3 .voice p {background:url(../images/s3_icon.png) 0 0 no-repeat;}

#s4 {margin:40px 0 0px;}
#s4 .posi {height:421px; position:relative;}
#s4 .img01 {position:absolute; top:0px; left:30px;}
#s4 .com01 {position:absolute; top:322px; left:121px;}
#s4 .img02 {position:absolute; top:0px; left:584px;}
#s4 .voice {background:#f0ebf5; border-radius:10px; margin:30px 27px 0; padding:20px 20px 10px;}
#s4 .voice p {background:url(../images/s4_icon.png) 0 0 no-repeat;}

#s5 {margin:46px 0 0px; position:relative;}
#s5 .posi {height:401px; position:relative;}
#s5 .img01 {position:absolute; top:20px; left:28px;}
#s5 .com01 {position:absolute; top:117px; left:293px;}
#s5 .img02 {position:absolute; top:225px; left:293px;}
#s5 .com02 {position:absolute; top:228px; left:27px;}
#s5 .img03 {position:absolute; top:69px; right:27px;}
#s5 .com03 {position:absolute; top:301px; right:27px;}
#s5 h3 { display:block; width:253px; height:84px; position:absolute; left:373px; top:0; background:url(../images/s5_hl.png) 0 0 no-repeat; text-indent:-9999px;}

.side_enquete a {
    background: url(../images/btn_enquete.png) 0 0 no-repeat;
    bottom: 100px;
    height: 189px;
    position: fixed;
    right: 0;
    text-indent: -9999px;
    width: 38px;
    z-index: 1010;
}
.side_enquete a:hover {opacity:0.8;}

.bb {border-bottom: solid 1px #d1d1d1;}
.bbdb {border-bottom: double #d1d1d1;}

.pb10 {padding-bottom:10px !important;}
.pb20 {padding-bottom:20px !important;}
.pb25 {padding-bottom:25px !important;}

.ind { text-indent:-1em; padding-left:1em;}
.center { text-align:center;}
.mb5 {margin-bottom:5px !important;}
.mb10 {margin-bottom:10px !important;}
.mb15 {margin-bottom:15px !important;}
.mb20 {margin-bottom:20px !important;}
.mb25 {margin-bottom:25px !important;}
.mb30 {margin-bottom:30px !important;}
.mb35 {margin-bottom:35px !important;}
.mb40 {margin-bottom:40px !important;}


/* form */
.foot_note {
    color: #999999;
    font-size: 11px;
	 line-height:1.5 !important;
    margin: 30px 0 0;
}






@media (max-width:640px){

#container_mainv h2 {
    border: none;
    color: #00284E;
    font-size: inherit;
    height: auto;
    margin: 0px;
    padding: 0px;
}

#column1-main .left {float: none;}
#column1-main .right {float: none;}
#column1-main .left2 {float: none;}
#column1-main .right2 {float: none;}


.section { margin:0 0px 35px;}

#container_mainv .lead {padding:5px 0 10px; background:#ffffff; color:#000000; margin-bottom:0;}
#container_mainv .hl {padding:10px 0 0; background:#ffffff; color:#0080da; font-weight:bold; font-size:16px; line-height:1.4; margin:0;}


.sns{float:left; text-align:left; width:auto; margin:15px 0 0px 0;}
/*.anq{float:left; margin:0 0px 30px; font-size:13px;}*/
.anq{float:left; position:static; left:0; bottom:0; margin:0 0px 30px; font-size:13px;}
.anq a {color:#00A8F6;}

.title{float:none; margin:0 10px 0 0; padding:4px 0 0 0; width:80px;}

#container_mainv .btn {
	position: inherit;
	bottom:0;
	left:0;
}


#column1-main p {
	/*margin-bottom:1.5em;*/
}

#container_mainv .btn {
	text-align:center;
	margin-bottom:10px !important;
}
#container_mainv .btn01 {
	position: relative;
	left:0;
	top:0;
}
#container_mainv .btn02 {
	position: relative;
	left:0;
	top:0;
}
#container_mainv .btn01 img {
	width:132px;
}
#container_mainv .btn02 img {
	width:160px;
}


.link {margin-bottom:30px;}
.link ul li {float:none; margin-left:0px; margin-top:10px; text-align:center;}
.link ul li.l1 {margin:0;}

.link ul li img { width:80%;}

#column1-main h2 { border:none !important; height:auto; background:none; padding:0px !important;}
.section p.img {margin:0 !important;}

.section p {font-size:14px;}
.section p.text {margin:0 0 20px;}

.interview h3 {margin:0 0 24px;}
.interview p.q { font-weight:bold; margin:0 0 23px;}
.interview p.text span {font-weight:bold; color:#533f96;}
.interview .caption {color:#29117f; margin-top:8px; font-size:12.5px;}

.interview h3 img { display:none;}
.interview h3 span { display:block; font-size:18px;}


.unit { margin-bottom:7px;}
.unit.dot { background:url(../images/dotline.png) 0 bottom repeat-x; padding-bottom:31px; margin-bottom:30px;}

.section h2 {margin:0 0 20px;}
h2 span.sp {background:#233240; color:#fff; padding:5px 0; text-align:center; width:100%; font-size:17px; line-height:1.3;}

#s1 {margin:0 0 13px; background:url(../images/bg_head.jpg) 0 top no-repeat; padding:25px 0 0; position:relative; background-size:contain;}
#s1 h3 {margin-bottom:30px !important;}
#s1 .u1 {margin-bottom:0 !important;}
#s1 .u1 .left {width:auto; font-weight:bold;}
#s1 .u1 .left p {margin-bottom:20px !important;}
#s1 .u1 .right {width:auto; margin-bottom:20px;}
#s1 .u2 {background:url(../images/bg_foot.jpg) 0 bottom no-repeat; padding:0 0 25px; position:relative; background-size:contain;}
#s1 .u2 .block {width:auto; padding:0 5px 20px; margin:0 auto 20px; background:url(../images/dotline.png) 0 bottom repeat-x;}
#s1 .u2 .block.b5 {padding:0 5px 0px; margin-bottom:0px; background:none;}
#s1 .u2 .block .maru {width:auto; float:none; text-align:center; margin-bottom:15px;}
#s1 .u2 .block .desc {width:auto; float:none;}
#s1 .u2 .block .desc img { margin-top:10px; margin-bottom:15px;}
#s1 .u2 .block .photo {width:auto; float:none; text-align:center;}


.wrap {border:solid 3px #eaebed; border-top:none; margin-bottom:40px; padding-bottom:14px;}
.wrap h3 {display:none;}

#s2 {margin:0 0 0px; background:none;}
#s2 .posi {height:auto; position:relative; padding:0 12px; text-align:center;}
#s2 .img01 {position:static; top:32px; right:27px;}
#s2 .com01 {position:static; top:143px; left:302px;}
#s2 .img02 {position:static; top:294px; left:239px;}
#s2 .com02 {position:static; top:358px; right:27px;}
#s2 .voice {background:#fbebe9; border-radius:10px; margin:15px 7px 0; padding:20px 20px 10px;}
#s2 .voice p {background:url(../images/s2_icon.png) 0 0 no-repeat;}

.section .voice .left {width:auto; float:left;}
.section .voice .right {width:auto; float:right;}
.section .voice p {padding:0 0 10px 25px; }
.section .voice p span {display:block; text-align:right; font-size:85%;}

.com img {display:none;}
.com span {display:block; text-align:left; padding:10px 0 15px;}
.com span:before {content:open-quote; opacity:0.4; font-weight:bold;}
.com span:after {content:close-quote; opacity:0.4; font-weight:bold;}
#s2 .com span {color:#d83b2b;}
#s3 .com span {color:#1f71a7;}
#s4 .com span {color:#6b3d9a;}
#s5 .com span {color:#10a588;}

#s3 {margin:45px 0 0px; background:none;}
#s3 .bg {padding-left:20px; }
#s3 .posi {height:auto; position:relative;padding:0 12px; text-align:center;}
#s3 .img01 {position:static; top:65px; left:28px;}
#s3 .com01 {position:static; top:127px; left:391px;}
#s3 .img02 {position:static; top:358px; left:285px;}
#s3 .com02 {position:static; top:350px; left:26px;}
#s3 .img03 {position:static; top:253px; left:527px;}
#s3 .com03 {position:static; top:529px; left:521px;}
#s3 .voice {background:#e8f1f6; border-radius:10px; margin:15px 7px 0; padding:20px 20px 10px;}
#s3 .voice p {background:url(../images/s3_icon.png) 0 0 no-repeat;}

#s4 {margin:40px 0 0px;}
#s4 .posi {height:auto; position:relative;padding:0 12px; text-align:center;}
#s4 .img01 {position:static; top:0px; left:30px;}
#s4 .com01 {position:static; top:322px; left:121px;}
#s4 .img02 {position:static; top:0px; left:584px;}
#s4 .img02 img { width:60%;}
#s4 .voice {background:#f0ebf5; border-radius:10px; margin:15px 7px 0; padding:20px 20px 10px;}
#s4 .voice p {background:url(../images/s4_icon.png) 0 0 no-repeat;}

#s5 {margin:46px 0 0px; position:relative;}
#s5 .bg { margin-bottom:10px; margin-left:10px; }
#s5 .bg img { width:45%; }
#s5 .posi {height:auto; position:relative;padding:0 12px; text-align:center;}
#s5 .img01 {position:static; top:20px; left:28px;}
#s5 .com01 {position:static; top:117px; left:293px;}
#s5 .img02 {position:static; top:225px; left:293px;}
#s5 .com02 {position:static; top:228px; left:27px;}
#s5 .img03 {position:static; top:69px; right:27px;}
#s5 .com03 {position:static; top:301px; right:27px;}
#s5 h3 { display:none; }







.side_enquete a { display:none;}



}