@charset "UTF-8";
/* ====================================
reset
==================================== */
*, *:before, *:after {
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
         -o-box-sizing: border-box;
        -ms-box-sizing: border-box;
            box-sizing: border-box;
}
body {
  /*-webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;*/
}
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, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent; }

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
  display: block; }
 
html{
    overflow-y: scroll;}

blockquote, q {
  quotes: none; }
 
blockquote:before, blockquote:after {
  content: "";
  content: none; }

q:before, q:after {
  content: "";
  content: none; }
 
input, textarea{
    margin: 0;
    padding: 0;
}
 
ol, ul{
    list-style:none;
}
 
table{
    border-collapse: collapse; 
    border-spacing:0;
}
 
caption, th{
    text-align: left;
}
 
a:focus {
    outline:none;
}

.blue {
  color: #0d3764; }

/* float解除 */
.cf:before,
.cf:after {
    content:"";
    display:table;
}
.cf:after {
    clear:both;
}
 .cf {
    zoom:1;
}

/* ====================================
common
==================================== */
body {
  font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  font-size:15px;
  line-height: 1.8;
	/* for ie6/7 */		
	*font-size:small;
	*font:x-small;
  /* for ie6/7 */

  
  margin: 0;
  padding: 0;}
a {
  color: inherit;
  text-decoration: none; }

.clear{
	clear:both;
}
img{
	vertical-align:top;
}

/* 細かいレイアウト調整用 */
.mb10{margin-bottom:10px !important;}
.mb20{margin-bottom:20px !important;}
.mb30{margin-bottom:30px !important;}
.mb40{margin-bottom:40px !important;}
.mb50{margin-bottom:50px !important;}
.mb60{margin-bottom:60px !important;}
.mb70{margin-bottom:70px !important;}
.mb80{margin-bottom:80px !important;}

.mt10{margin-top:10px !important;}
.mt20{margin-top:20px !important;}
.mt30{margin-top:30px !important;}
.mt40{margin-top:40px !important;}
.mt50{margin-top:50px !important;}
.mt60{margin-top:60px !important;}
.mt70{margin-top:70px !important;}
.mt80{margin-top:80px !important;}

.mr10{margin-right:10px !important;}
.mr20{margin-right:20px !important;}
.mr30{margin-right:30px !important;}

/*↓追加*/
.txtL{ text-align:left}
.txtR{ text-align:right}
.txtC{ text-align:center}

.coution{font-size: 12px}
/*flexbox*/
.flex{display: -webkit-flex;display: -moz-flex;display: -ms-flex;display: -o-flex;display: flex;flex-wrap: wrap;-webkit-flex-wrap:wrap;}
.flex--start{/*左寄せ*/justify-content: flex-start;-webkit-justify-content: flex-start;}
.flex--center{/*中央寄せ*/justify-content: center;-webkit-justify-content: center;}
.flex--end{/*右寄せ*/justify-content: flex-end;-webkit-justify-content: flex-end;}
.flex--bet{/*残り余白の均等割り*/justify-content: space-between;-webkit-justify-content: space-between;}
.flex--around{/*左右余白 ＋ 均等割り*/justify-content: space-around;-webkit-justify-content: space-around;}
/*col*/
.col1{width:100%;}.col2{width:45%;}.col3{width:30%;}.col4{width:25%;}.col5{width:18.4%;}.col6{width:15%;}.col3_2{width: 68%}
.vaC{align-items: center;}.vaB{align-items: baseline;}
.longurl{word-break: break-all;}
/*----------------------------------------------------------------------
PC&SP
-----------------------------------------------------------------------*/
a:hover{
  -ms-filter: "alpha( opacity=80 )";
  filter: alpha(opacity=80);
  opacity: 0.8;
}
bady,html{text-align: center;color: #333}
.w960{width: 1000px;margin: auto;}
.cf{overflow: hidden}

.fontM{font-family: 'Noto Serif JP', serif;}

@media screen and (min-width:768px){ /*PC独自設定*/
.sp{display:none !important;}
}
@media screen and (max-width:767px){/*スマホ対応*/
.pc{display:none !important;}
}

#footer{text-align: left}

#header{ width:1000px; margin:0 auto; position:relative; text-align:left}
	#header h1{ padding:10px 0}
	#header p{ position:absolute; left:118px; top:20px;}
	#header p a{ background:url(../images/arrow1.png) no-repeat left center; padding-left:14px;}
	#header div{position:absolute; right:0; top:3px;text-align:right}

#mainimg{width: 1000px;margin:0px auto 0;}
#cont{width: 1000px;margin: auto;padding-bottom:40px; text-align: center;background: #fff}

#sec1{width: 960px;margin: 0 auto;}
.sec1-title1,
.sec1-title2{font-size: 28px; color: #00a780; letter-spacing: 0.1em; text-align: left; margin-top: 50px; margin-bottom: 40px;}
.sec1-title1::after{ content: ''; display: inline-block; width: 280px; height: 2px; margin: 0 15px; background-color: #00a780; vertical-align: middle;}
.sec1-title2::after{ content: ''; display: inline-block; width: 340px; height: 2px; margin: 0 15px; background-color: #00a780; vertical-align: middle;}
.sec1_list{ margin-bottom: 40px;}
.sec1_list li{ display: inline-block; letter-spacing: 0.1em; line-height: 1.8; text-align: left;}
.sec1_list li:first-child{ margin-right: 40px; width: 460px;}
.sec1_list li:last-child{ width: 460px;}
.sec1-sub_title1{font-size: 24px; color: #00a780; letter-spacing: 0.1em; text-align: left; margin-top: 0; margin-bottom: 30px;}
.sec1_sub_title2{background: #70afa4; color: #fff; padding: 5px 0; font-size: 20px; letter-spacing: 0.1em; text-indent: 2em;　margin-bottom: 40px; text-align: left;}
.sec1_box{background: #fffffa; padding: 10px 40px;text-align: left;}
.sec1_sub_title3{color: #70afa4; font-size: 20px; padding-bottom: 5px;}
.sec1_sub_title3 .add{ font-size: 14px; padding-left: 1em;}
.bnr_nativ_media{ margin-top: 50px;}

#sec2{width: 1000px; margin: 80px auto 0; background: #f7f5ed;}
.sec2-1,
.sec2-2{ width: 840px; margin: 0 auto; padding-bottom: 50px;}

.sec2_list{ margin-top: 50px;}
.sec2_list li{ display: inline-block; letter-spacing: 0.1em; line-height: 1.8; text-align: left;}
.sec2_list li:first-child{ margin-right: 40px; width: 400px;}
.sec2_list li:last-child{ width: 400px;}
.sec2-sub_title1{font-size: 22px; color: #9d7d1b; letter-spacing: 0.1em; text-align: left; margin-top: 0; margin-bottom: 20px; border-bottom: solid 2px #9d7d1b; padding-bottom: 10px;}
.sec2-sub_title2{font-size: 22px; color: #9d7d1b; letter-spacing: 0.1em; text-align: left; margin-top: 0; margin-bottom: 20px; border-bottom: solid 2px #9d7d1b; padding-bottom: 10px;}
.sec2-sub_title_text{text-align: left;}
.sec2_contents{ margin-top: 50px;}
.sec2_images{ margin-top: 20px;}
.caution{ text-align: left; font-size: 12px; margin-top: 50px;}
.img_title{ text-align: left; font-size: 12px;}

.sec3{width: 960px; margin: 50px auto 0;}
.hide{display:none !important;}
.online_service_area{ width: 960px; height: 103px; background:url("../images/sec3_img1.png") no-repeat 0 0; position: relative;}
.online_detail_button{ position: absolute; top: 15px; right: 155px; display: inline;}
.online_regist_button{ position: absolute; top: 15px; right: 15px; display: inline;}

.bukken_button_area{ margin-top: 50px;}
.button_bukken_top{ display: inline-block; margin-right: 40px;}
.button_surpass_home{ display: inline-block;}


#pagetop{margin-top: 50px;}
.page_top_wrapper{ width: 1000px; margin: 0 auto;}

/*PC----------------------------------------------------------------------*/
@media screen and (min-width: 768px) { /*PC設定*/
}

/*----------------------------------------------------------------------
SP
-----------------------------------------------------------------------*/
@media screen and (max-width: 767px) {

body{ width:100%; min-width: 100%; margin:auto;}
a {display: block; -webkit-tap-highlight-color:transparent;}
img{max-width: 100%;height: auto;}

#header,.w960{ width:90%;}
	#header h1 img{ width:40%}
	#header div{ display:none}
	#header p{ display:none}

#cont{width: 100%;padding-bottom:20px;}
#mainimg{margin-top: 0;width: 100%;}

#sec1{width: 90%;margin:0px auto 0;}
.sec1-title1,
.sec1-title2{font-size: 20px; color: #00a780; letter-spacing: 0.1em; text-align: left; margin-top: 25px; margin-bottom: 25px;}
.sec1-title1::after{ content: ''; display: inline-block; width: 50%; height: 2px; margin: 0 15px; background-color: #00a780; vertical-align: middle;}
.sec1-title2::after{ content: ''; display: inline-block; width: 50%; height: 2px; margin: 0 15px; background-color: #00a780; vertical-align: middle;}

.sec1_list{ margin-bottom: 30px;}
.sec1_list li{ display: inline-block; letter-spacing: 0.1em; line-height: 1.8; text-align: left;}
.sec1_list li:first-child{ margin-right: 0; width: 100%;}
.sec1_list li:last-child{ width: 100%; margin-top: 20px;}
.sec1-sub_title1{font-size: 18px; color: #00a780; letter-spacing: 0.1em; text-align: left; margin-top: 0; margin-bottom: 10px;}

.sec1_sub_title2{background: #70afa4; color: #fff; padding: 5px 15px; font-size: 16px; letter-spacing: 0.1em; text-indent: 0;　margin-bottom: 40px; text-align: left;}
.sec1_box{background: #fffffa; padding: 10px 15px;text-align: left;}
.sec1_sub_title3{color: #70afa4; font-size: 16px; padding-top: 6px; padding-bottom: 10px;}
.sec1_sub_title3 .add{ font-size: 13px; padding-left: 1em;}
.bnr_nativ_media{ margin-top: 30px;}


#sec2{width: 100%;margin: 50px auto 0; background: #f7f5ed;}
.sec2-1,
.sec2-2{ width: 80%; margin: 0 auto; padding-bottom: 50px;}

.sec2_list{ margin-top: 30px;}
.sec2_list li{ display: inline-block; letter-spacing: 0.1em; line-height: 1.8; text-align: left;}
.sec2_list li:first-child{ margin-right: 0; width: 100%;}
.sec2_list li:last-child{ width: 100%; margin-top: 10px;}
.sec2-sub_title1{font-size: 18px; color: #9d7d1b; letter-spacing: 0.1em; text-align: left; margin-top: 0; margin-bottom: 20px; border-bottom: solid 2px #9d7d1b; padding-bottom: 10px;}
.sec2-sub_title2{font-size: 18px; color: #9d7d1b; letter-spacing: 0.1em; text-align: left; margin-top: 0; margin-bottom: 20px; border-bottom: solid 2px #9d7d1b; padding-bottom: 10px;}
.sec2-sub_title_text{text-align: left;}
.sec2_contents{ margin-top: 50px;}
.sec2_images{ margin-top: 20px;}
.sec2_images_item{ margin-top: 10px;}
.caution{ text-align: left; font-size: 12px; margin-top: 50px;}
.img_title{ text-align: left; font-size: 12px;}


.sec3{width: 100%; height: auto; margin: 30px auto 0;}
.online_service_area{ width: 100%; height: 0; padding-top: 40.579%; background:url("../images/sp/sec3_img1.png") no-repeat 0 0; background-size: contain;}
.online_service_button{ margin-top: -18%;}
.online_service_button li{ display: inline-block; width: 90%;}
.online_service_button li:first-child{ margin-left: 3%; margin-right: 0; width: 44%;}
.online_service_button li:last-child{ margin-right: 3%; width: 44%; margin-top: 0;}


.bukken_button_area{ margin-top: 30px;}
.button_bukken_top{ display: inline-block; margin-right: 0; width: 45%;}
.button_surpass_home{ display: inline-block; width: 45%;}


#pagetop{margin-top: 20px}
#pagetop img{width: 100px}
.page_top_wrapper{ width: 100%;}
.fmlink{background: #2885A2;color: #fff;padding: 8px 0}
}