@charset "utf-8";

/* -----------------------
 .common
----------------------- */
html {
  font-size: 62.5%;
}
body{
  font-size:1.4rem;
  line-height:1.7;
    min-width:960px;
}
font-family{'Noto Sans Japanese'; font-style: normal; font-weight: 100; src: url("../fonts/NotoSansCJKjp-Regular.woff2") format("woff2"), url("../fonts/NotoSansCJKjp-Regular.woff") format("woff"), url("../fonts/NotoSansCJKjp-Regular.ttf") format("truetype"), url("../fonts/NotoSansCJKjp-Regular.eot") format("embedded-opentype"); }
body { font: 1.6rem 'Noto Sans Japanese',"游ゴシック Medium",YuGothic,YuGothicM,'メイリオ',Meiryo,'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','ＭＳ Ｐゴシック',arial,helvetica,clean,sans-serif; color: #333333; line-height: 1.8; -webkit-text-size-adjust: 100%; }
a{
    transition: .3s;
}
a:hover{
    opacity: 0.85;
}
.txt_m{
    font-size: 1.4rem;
}
.txt_18{
    font-size: 1.8rem;
}
.txt_bold, .bold{
    font-weight:bold;
}

.bg_green{
    background-color:#7cb075;
}
.bg_gray{
    background-color:#f1f1f1;
}

.sec_hd{
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 10px;
}
.column2{
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.column2 li{
    width: 48%;
}
.sec_main{
    width: 780px;
    margin: 0 auto;
}
.sec_sub{
    width: 690px;
    margin: 0 auto;
}
.sec_title{
    text-align:center;
    background-color: #7cb075;
    color:#fff;
    font-size: 1.8rem;
    padding: 8px 0;
}
.sub_title{
    font-size:2.6rem;
    line-height: 1.2;
    font-weight:bold;
    margin-bottom: 10px;
}
.logo_usenhome{
    width:280px;
}
.font_white{
color:#fff;
}
.pb2{
    padding-bottom:2px;
}
.pt10{
    padding-top: 10px;
}
.pt20{
    padding-top: 20px;
}
.pt40{
    padding-top: 40px;
}

.pb10 {
    padding-bottom: 10px;
}
.pb20{
    padding-bottom: 20px;
}
.pb30{
    padding-bottom: 30px;
}
.pb40{
    padding-bottom: 40px;
}


.mb10{
    margin-bottom: 10px;
}
.mb20{
    margin-bottom: 20px;
}
.mb40{
    margin-bottom: 40px;
}
.mb60{
    margin-bottom: 60px;
}


.btn_input{
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.btn_input a{
    display:block;
    width: 370px;
    text-align:center;
    border-radius:50px;
    padding: 10px 0;
    line-height: 1.4;
    font-size: 2.2rem;
    font-weight:bold;
}
.app a{
    background: #2550d9;
    color:#FFF;
    border: 2px solid #a2b6f5;
    box-shadow: 4px 4px 0 #fff,-4px 4px 0 #fff,4px -4px 0 #fff,-4px -4px 0 #fff;
}
.doc a{
    background: #fff;
    color:#2550d9;
    border: 2px solid #2550d9;
    box-shadow: 4px 4px 0 #fff,-4px 4px 0 #fff,4px -4px 0 #fff,-4px -4px 0 #fff;
}

.sec_tel{
    width: 100%;
    padding: 10px;
    text-align:center;
    background-image: linear-gradient(-45deg,
        #fff 25%, #d6d6d6 25%, #d6d6d6 50%, #fff 50%, #fff 75%,#d6d6d6 75%, #d6d6d6
    );
    background-size: 4px 4px;
}


/* gaiyou */
#youkou {
    font-size: 12px;
    padding:0 20px 60px;
    font-size: 12px;
}

#youkou .gaiyo-scroll {
    padding: 20px;
    background: #fff;
    height: 150px;
    overflow-y: scroll;
}


/*    /common/include/price_copy.html  */
/*price*/
.pricetxt{
    float:left;
    width: 48%;
     line-height: 1.6;
}
.pricetxt dt,
.pricetxt dd{
    display:inline-block;
    font-weight: bold;
}
.pricetxt dt{
    padding-right:15px;
}
.pricetxt dd{
    font-size: 2.6rem;
}
.txtcolred{
    color:#c60d2c;
}
.txt_center{
    text-align:center;
}
.fnt40{
    font-size: 40%;
}

.copy {
    float: right;
    width: 50%;
    background: #fff;
    color: #333;
    border: 2px solid #7cb075;
    border-radius: 4px;
    background-image: linear-gradient(-45deg, #c0eeba 25%, #ccf1c7 25%, #ccf1c7 50%, #c0eeba 50%, #c0eeba 75%, #ccf1c7 75%, #ffeea3 );
    background-size: 8px 8px;
    font-size: 1.6rem;
    padding: 1rem;
    text-align:center;
    line-height: 1.4;
}
.underlineP{
    font-size: 2.2rem;
    font-weight: bold;
    color: #c60c2b;
}
.howto{
    background-color:#f4f4f4;
    font-size: 1.4rem;
    line-height: 1.6;
    padding: 20px;
}
.flex-box{
    display:flex;
    align-items: center;
}
.flex-box div:first-child{
    padding-right: 3rem;
}
.column_rec_program{
    display: flex;
    justify-content: space-between;
    margin-bottom: 60px;
}
.rec_program {
    width: 48%;
}
.tit_program{
    font-size: 1.4rem;
}
.tit_program span {
    display: inline-block;
    padding: 4px;
    font-size: 1.2rem;
    border: 1px solid #000;
    line-height: 1rem;
    margin-right: 8px;
}

.ft{
    background-color: #000;
    color: #FFF;
    text-align:center;
    font-size: 1.2rem;
    padding: 20px 0;
}
@media only screen and (max-width:768px) {

}
/* ===============
pagetop
============*/
#page_top {
  position: fixed;
  bottom: 70px;
  right: 15px;
  font-size: 10px;
}
#page_top a {
 background: #666;
 text-decoration: none;
  color: #fff;
  width:50px;
  height:50px;
  line-height: 50px;
  text-align: center;
  display: block;
  border-radius: 100%;
  filter:alpha(opacity=80);
  -moz-opacity: 0.8;
  opacity: 0.8;
}
@media screen and (min-width: 768px) {
	 #page_top a:hover {
    filter:alpha(opacity=50);
    -moz-opacity: 0.5;
    opacity: 0.5;

  }
}


/*202109追加*/
.btn_campaign_infobtn{
  width: 290px;
  position: fixed;
  bottom: 0;
  right: 0;
}
@media screen and (max-width: 767px) {
  .btn_campaign_infobtn{
    width: 60%;
  }
}

.btn_campaign_infobtn a{
  display: block;
  transition: all .2s ease-out;
}
.btn_campaign_infobtn a:hover{
  opacity: 0.8;
}
.btn_campaign_infobtn a img{
  width: 100%;
}

/*20211207追加*/
.price_inner_cp-plan{
	max-width: 780px;
	width: 100%;
	margin: 0 auto;
}

.price_inner_cp-plan h2,.price_inner_cp-plan h3{
	font-size: 25px;
	font-weight: bold;
	margin-bottom: 20px;
	text-align: center;
}
.price_inner_cp-plan p{
	font-weight: normal;
  text-align: left;
}
.price_inner_cp-plan img{
  width: 100%;
}
.price_inner_cp-plan .txt03{
  padding-left: 1em;
  text-indent: -1em;
  font-size: 16px;
  width: 95%;
  line-height: 1.5;
}
.price_inner_cp-plan .txt04{
  padding-left: 1em;
  text-indent: -1em;
  font-size: 16px;
  width: 95%;
  padding-bottom: 30px;
  line-height: 1.5;
}

@media screen and (max-width: 767px) {
	.price_inner_cp-plan{
		padding: 0 5%;
		box-sizing: border-box;
	}
	.price_inner_cp-plan h2{
		font-size: 20px;
	}
}


/*20220126追加 unext.htmlインクルードファイル用*/
.inc_unext{
	max-width: 700px;
	margin: 40px auto;
	text-align: center;
}
.inc_unext .inc_unext_text01{
	font-size: 25px;
	font-weight: bold;
}
.inc_unext .inc_unext_text02{
	font-size: 16px;
	margin: 20px 0 0;
	line-height: 1.8em;
}
.inc_unext .inc_unext_img{
	margin: 45px 0 0;
}
.inc_unext .inc_unext_img img{
	width: 100%;
}
.inc_unext .inc_unext_img p{
	font-size: 16px;
	margin: 20px 0 0;
	text-align: right;
}

 @media screen and (max-width: 767px) {
	.inc_unext{
		padding: 0 5%;
		margin: 20px auto;
		box-sizing: border-box;
	}
	.inc_unext .inc_unext_text01{
		font-size: 20px;
	}
	.inc_unext .inc_unext_text02{
		font-size: 14px;
		text-align: left;
	}
}

.PC,.only-pc{display:block;}
.SP,.only-sp{display:none;}
@media screen and (max-width: 640px) {
  .PC,.only-pc{display:none;}
  .SP,.only-sp{display:block;}
}
#pc_cam_sec h3{
font-size: 0;
}