@charset "utf-8";
/*----------
  common
-------------*/
body {
	margin: auto;
	font-family: "Open Sans", "メイリオ", Meiryo, Avenir, "Helvetica Neue", Helvetica, Arial, Verdana, Roboto, "游ゴシック", "Yu Gothic", "游ゴシック体", "YuGothic", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "Meiryo UI", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	line-height: 1.2;
	font-size: 20px;
	min-width: 310px;
}

@media(max-width:840px) {
body {
	font-size: 18px;
}
}
@media(max-width:740px) {
body {
	font-size: 16px;
}
}
@media(max-width:640px) {
body {
	font-size: 12px;
}
}

@media(max-width:480px) {
body {
	font-size: 10px;
}
}

@media(max-width:360px) {
body {
	font-size: 8px;
}
}
.header_content, nav {
	width: 100%;
	max-width: 960px;
	margin: auto;
}
#sec01 .content, #sec02 .content, #sec03 .content, #sec04 .content, #sec05 .content, #sec06 .content, #sec07 .content, #sec08 .content, #sec09 .content,
footer .content, .conversion .content {
	width: 100%;
	max-width: 960px;
	margin: auto;
}
div,h1,h2,h3,h4,p,img,figure {
	margin:auto;
}
img {
	width: 100%;
	display:block;
}

@media(min-width:481px) {
.branch .sp_content {
	display:none
}
}
@media(max-width:480px) {
.branch .pc_content {
	display:none
}
}
/*----->font*/
.red {
	color: #CB0000;
}
.black {
	color: #000;
}
.fw-b {
	font-weight: bold;
}
.fw-n {
	font-weight: normal;
}
.ta-c {
	text-align: center !important;
}
.ta-l {
	text-align: left !important;
}
.ta-r {
	text-align: right !important;
}
/*----->clearfix*/
.cf:before, .cf:after {
	content: "";
	display: table;
}
.cf:after {
	clear: both;
}
/*IE6,7対策 （haslayout対策）*/
.cf {
 *zoom:1;
}
/*----->none*/
.m_n {
	margin: 0 !important;
}
.p_n {
	padding: 0 !important;
}
.b_n {
	border: none !important;
}
/*----->margin・padding*/
.mb_s {
	margin-bottom: 0.5em;/*10px*/
}
.mb_m {
	margin-bottom: 1.0em;/*20px*/
}
.mb_l {
	margin-bottom: 1.5em;/*30px*/
}
/*----->pagetop*/
#pagetop {
	position: fixed;
	right: 20px;/*20px*/
	bottom: 10px;/*10px*/
	width: 12%;
	max-width: 84px;
}
/*----->link*/
a {
	color: #000;
}
/*----->indent*/
.indent01s li {
	padding-left: 1.5em;
	text-indent: -1.5em;
}
.indent02 li {
	padding-left: 2em;
	text-indent: -2em;
}
.indent02s li {
	padding-left: 2.5em;
	text-indent: -2.5em;
}

@media(min-width:481px) {
a:hover {
	color: #ED6D00;
}
}
/*----->btn*/
/*.con_btn {
	text-align: center;
	color: #fff;
	background:#CB0000;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	behavior: url(border-radius.htc);
	padding: 10px;
}*/
.con_btn {
	font-size: 22px;/*18px*/
	text-align:center;
	font-weight:bold;
	color: #fff;
	padding-top: 25px;
	padding-bottom: 25px;
	border: 1px solid #df4343;
	background: #f74a4a;
	background: -moz-linear-gradient(top, #f74a4a 0%, #d52f2f 44%, #9a0101 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f74a4a), color-stop(44%, #d52f2f), color-stop(100%, #9a0101));
	background: -webkit-linear-gradient(top, #f74a4a 0%, #d52f2f 44%, #9a0101 100%);
	background: -o-linear-gradient(top, #f74a4a 0%, #d52f2f 44%, #9a0101 100%);
	background: -ms-linear-gradient(top, #f74a4a 0%, #d52f2f 44%, #9a0101 100%);
	background: linear-gradient(to bottom, #f74a4a 0%, #d52f2f 44%, #9a0101 100%);/* W3C */
	-moz-border-radius: 50px;
	-webkit-border-radius: 50px;
	border-radius: 50px;
}
.con_btn p {
	width:90%;
}
@media(max-width:480px) {
.con_btn {
	-moz-border-radius: 15px;
	-webkit-border-radius: 15px;
	border-radius: 15px;
}
}

/*----------
  header
-------------*/
/*----->header*/
#header {
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr = '#ffffff', endColorstr = '#f7f7f7');
	/*INNER ELEMENTS MUST NOT BREAK THIS ELEMENTS BOUNDARIES*/
	/*Element must have a height (not auto)*/
	/*All filters must be placed together*/
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr = '#ffffff', endColorstr = '#f7f7f7')";
	/*Element must have a height (not auto)*/
	/*All filters must be placed together*/
	background-image: -moz-linear-gradient(top, #ffffff, #f7f7f7);
	background-image: -ms-linear-gradient(top, #ffffff, #f7f7f7);
	background-image: -o-linear-gradient(top, #ffffff, #f7f7f7);
	background-image: -webkit-gradient(linear, center top, center bottom, from(#ffffff), to(#f7f7f7));
	background-image: -webkit-linear-gradient(top, #ffffff, #f7f7f7);
	background-image: linear-gradient(top, #ffffff, #f7f7f7);
}
#header .logo, #header .txt01 {
	float: left;
}
#header .logo {
	width: 60%;
	max-width: 280px;
	margin: 1em 0 0 0;/*20px*/
}
#header .txt01 {
	font-size: 0.750em;/*15px*/
	font-weight: bold;
	color: #111987;
	max-width: 250px;
	padding: 1.333em 1.333em 0;/*20px 20px 0*/
	box-sizing: border-box;
}
#header .txt02 {
	float: right;
	max-width: 381px;
	width: 50%;
	height: 110px;
	line-height: 110px;
	background: url(../images/head_tel_pc.png) no-repeat center right;
	background-size: contain;
}
@media(min-width:681px) and (max-width:990px) {
#header .logo {
	margin-left:1em;/*20px*/
}
#header .txt02 {
	margin-right:0.5em;/*10px*/
}
}
/*#header .txt02 {
	float: right;
	max-width: 405px;
	width: 50%;
	height: 110px;
}*/
#header .txt02.pc_content .txt_box{
	font-size:16px;/*18px*/
	line-height:1;
	position:absolute;
	top:15px;
	padding-right:0.500em;/*10px*/
}
@media(max-width:960px) {
#header .txt02.pc_content .txt_box{
	right:0;
}
}
@media(max-width:760px) {
#header .txt02.pc_content .txt_box{
	font-size:14px;
	line-height:1;
	position:absolute;
	top:20px;
}
}
@media(min-width:681px) {
#header .sp_content {
	display:none;
}
}
@media(max-width:680px) {
#header .txt02 {
	width: 29%;
	max-width: 100px;
	max-height: 90px;
	border-left: #DEDEDE 3px solid;
	text-align: center;
	/**/background: url(../images/head_tel_sp.png) no-repeat center center;
	background-size: 50%;
}
#header .txt02.pc_content {
	display:none;
}
}
@media(max-width:640px) {
#header .txt01 {
	font-size: 1.150em;/*15px*/
}
}
@media(max-width:480px) {
#header {
	height:60px;
	overflow:hidden;
}
#header .logo {
	width: 200px;
	margin: 0.6em 0 0 1em;/*20px*/
}
#header .txt02 {
	width: 60px;
	height: 60px;
	border-left: #DEDEDE 3px solid;
	text-align: center;
	background: url(../images/head_tel_sp.png) no-repeat center center;
	background-size: 60%;
}
}
/*----------
  main//#h1_img
-------------*/
main #mv {
	background:url(../images/mainvisual_bg.png) no-repeat center center;
	overflow:hidden;
}
main #mv .h1_img {
	max-width:960px;
	height:500px;
	position:relative;
	background:url(../images/mainvisual_woman.png) no-repeat bottom right;
	background-size:440px;
}
main #mv .h1_img .txt01 {
	width:62.08333%;
	max-width:596px;
	position:absolute;
	bottom:155px;/*196px*/
	left:2px;
}
@media(min-width:1555px) {
main #mv {
	background-size:cover;
}
}
@media(max-width:480px) {
main #mv .h1_img {
	height:0;
	padding-top:132.8125%;
	background-position:bottom center;
	background-size:100%;
}
main #mv .h1_img .txt01 {
	width:93.75%;
	max-width:600px;
	position:absolute;
	top:2.00em;/*40px*/
	bottom:0;
	right:12px;
}
}
/*----------
  main//#sec01
-------------*/
#sec01 .contents_box01 {
	margin:4.500em auto;/*90px auto*/
}
#sec01 .contents_box01 .txt_box p {
	font-size:0.700em;/*14px*/
	line-height:1.714;/*24px*/
}
@media(min-width:641px) {
#sec01 .contents_box01 .txt_box,
#sec01 .contents_box01 figure {
	float:right;
	width:50%;
}
#sec01 .contents_box01 .txt_box .txt {
	width:95%;
	max-width:441px;
	margin:0 0 0 auto;
}
#sec01 .contents_box01 .txt_box h2 {
	margin-bottom:1.750em;/*35px*/
}
#sec01 .contents_box01 figure img {
	width:80%;
	max-width:353px;
}
}
@media(max-width:640px) {
#sec01 .contents_box01 {
	width:90%;
	margin:2.500em auto;/*90px auto*/
}
#sec01 .contents_box01 figure {
	width:95%;
}
#sec01 .contents_box01 .txt_box h2 {
	margin:2.000em auto;/*40px auto*/
}
#sec01 .contents_box01 .txt_box p {
	font-size:1.400em;/*28px*/
	line-height:1.286;/*36px*/
}
}
/*----------
  main//#sec02
-------------*/
#sec02 .contents_box01 {
	background:#d1eeff;
}
#sec02 .contents_box01 .txt_box p {
	font-size:0.700em;/*14px*/
	line-height:1.571;/*22px*/
}
#sec02 .contents_box01 .txt_box .txt{
	margin:1.750em auto 0;/*35px auto*/
	width:90%;
}
#sec02 .contents_box01 .txt_box p .c_blue {
	color:#111987;
	font-weight:bold;
}
#sec02 .contents_box01 .txt_box p .small {
	font-size:0.857em;/*12px*/
}
@media(min-width:641px) {
#sec02 .contents_box01 .txt_box,
#sec02 .contents_box01 .img_box picture  {
	float:left;
	width:50%;
}
#sec02 .contents_box01 .txt_box .txt{
	max-width:420px;
}
#sec02 .contents_box01 .txt_box h2 {
	margin:0 auto 1.250em 0;/*0 auto 25px 0*/
	width:70%;
	max-width:327px;
}
#sec02 .contents_box01 .img_box picture img {
	width:100%;
	max-width:480px;
}
}
@media(max-width:870px) {
#sec02 .contents_box01 .txt_box .txt{
	margin:1.000em auto 0;/*20px auto*/
}
#sec02 .contents_box01 .txt_box h2 {
	margin:0 auto 0.500em 0;/*0 auto 10px 0*/
}
}
@media(max-width:640px) {
#sec02 .contents_box01 .txt_box .txt{
	margin:1.750em auto;/*35px auto*/
}
#sec02 .contents_box01 .txt_box h2 {
	margin:0 auto 1.250em 0;/*0 auto 25px 0*/
	width:75%;
	max-width:435px;
}
#sec02 .contents_box01 .txt_box p {
	font-size:1.400em;/*28px*/
	line-height:1.286;/*36px*/
}
#sec02 .contents_box02 {
	padding-bottom:1.000em;/*20px*/
}
}
/*----------
  main//#sec03
-------------*/
#sec03 h2 {
	width:95%;
	max-width:705px;
}
#sec03 .contents_box01 {
	background:#00aeeb;
	padding:0.900em 0 0.800em;/*18px 0 16px*/
}
#sec03 .contents_box02 {
	margin:2.000em 0;/*40px 0*/
}
#sec03 .contents_box02 .accordion {
	margin:1.600em auto 1.000em;/*32px auto 20px*/
}
#sec03 .contents_box02 .txt01{
	max-width:797px;
}
#sec03 .contents_box02 .plan_box,
#sec03 .contents_box04 .plan_box {
	margin-bottom:2.000em;/*40px*/
}
#sec03 .contents_box02 .plan_box .txt{
	max-width:812px;
}
#sec03 .contents_box02 .title h3,
#sec03 .contents_box04 .title h3 {
	margin:0 auto 0 0;
	max-width:920px;
}
#sec03 .contents_box02 ul.txt02 li,
#sec03 .contents_box02 ul.txt03 li {
	font-size:0.500em;/*10px*/
	line-height:1.200;/*12px*/
	color:#666;
}
#sec03 .contents_box02 ul.txt02,
#sec03 .contents_box02 ul.txt03{
	margin:10px 0 0;/**/
	text-align: right;
}
#sec03 .contents_box03 {
	background:#00aeeb;
	padding:0.900em 0 0.800em;/*18px 0 16px*/
}
#sec03 .contents_box04 {
	margin:2.000em 0;/*40px 0*/
}
#sec03 .contents_box04 .title h3{
	width:41.45833%;
	max-width:398px;
	margin-bottom:10px;
}
#sec03 .contents_box04 .plan_box .txt{
	max-width:810px;
}
#sec03 .contents_box04 .txt_tekiyou {
	background:#f1f0e2;
	padding:1.150em 1.350em;/*23px 27px*/
	width:95%;
}
#sec03 .contents_box04 .txt_tekiyou h4,
#sec03 .contents_box04 .txt_tekiyou ul li {
	font-size:0.550em;/*11px*/
}
@media(max-width:640px) {
#sec03 .contents_box01{
	padding:1.500em 0;/*18px 0 16px*/
}
#sec03 .contents_box03 {
	padding:2.000em 0;/*18px 0 16px*/
}
#sec03 .contents_box02 ul.txt02,
#sec03 .contents_box02 ul.txt03{
	width:100%;
	margin:0.500em auto 0;/*10px auto 0*/
}
#sec03 .contents_box04 .txt_tekiyou {
	margin-top:4.000em;
}
}
@media(min-width:481px) {
#sec03 .contents_box02 .content,
#sec03 .contents_box04 .content {
	width:95%;
	max-width:812px;
}
}
@media(max-width:480px) {/*accordion*/
#sec03 .contents_box02 .txt01{
	width:90%;
}
#sec03 h2 {
	width:79.0625%;
	max-width:506;
}
#sec03 .contents_box02 .plan_box,
#sec03 .contents_box04 .plan_box {
	margin-bottom:0.500em;/*10px*/
}
#sec03 .sp_content .plan_box .title{
	background:#003893;
	border-bottom:#999 2px solid;
	padding:1.150em 1.500em 1.150em 2.000em;/*23px 30px 23px 40px*/
	line-height:0;
}
#sec03 .sp_content .plan_box#plan01 .title h3 {
	width:52.9824%;
	max-width:302px;
}
#sec03 .sp_content .plan_box#plan02 .title h3 {
	width:70.5263%;
	max-width:402px;
}
#sec03 .sp_content .plan_box .txt{
	width:95%;
	margin:1.000em auto 2.000em;/*20px auto*/
}
#sec03 .sp_content .plan_box .title div {
	background-image: url(../images/bar_open.png);
	/*background-position: 100% center;*/
	background-position: center right;
	background-repeat: no-repeat;
	-moz-background-size: contain;/*31px*/
	background-size: contain;/*31px*/
	cursor: pointer;
	padding-right: 35px;/*35px*/
}
#sec03 .accordion .title.open div {
	background-image: url(../images/bar_close.png);
	background-position: center right;
	background-repeat: no-repeat;
	-moz-background-size: contain;/*31px*/
	background-size: contain;/*31px*/
}
#sec03 .sp_content .plan_box .txt {
	display: none;
}
#sec03 .contents_box02 ul.txt02 li,
#sec03 .contents_box02 ul.txt03 li {
	font-size:0.900em;/*18px*/
	line-height:1.222;/*22px*/
}
#sec03 .contents_box04 {
	width:95%;
	margin:auto;
}
#sec03 .contents_box04 .title h3{
	width:100%;
	max-width:599px;
	margin:2.25em auto 1.00em;/*45px auto 20px*/
}
#sec03 .contents_box04 .txt_tekiyou h4,
#sec03 .contents_box04 .txt_tekiyou ul li {
	font-size:1.000em;/*20px*/
}
}
/*----------
  main//#conversion
-------------*/
.conversion .con_box {
	width:95%;
	max-width:500px;
	margin:2.150em auto;/*料金シミュバナー表示後削除*/
}
.conversion .otoku_bnr {
	margin:2.450em auto 2.150em;/*49px auto 43px*/
}
.conversion .simu_bnr {
	margin:2.450em auto 2.150em;/*49px auto 43px*/
}
.conversion .pc_content.bnr_box {
	width:90%;
	max-width:710px;
}
.conversion .sp_content.bnr_box {
	width:95%;
}
/*----------
  footer
-------------*/
footer {
	background:#ccc;
	padding:1.500em 0 12.000em;/*30px 0 240px*/
}
footer .copy {
	font-size:0.600em;/*12px*/
	line-height:2.167;/*26px*/
	text-align:center;
}
@media(max-width:480px) {
footer .copy {
	font-size:1.000em;/*20px*/
	line-height:1.300em;/*26px*/
}
}