@charset "UTF-8";
/* CSS Document */

        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;
            vertical-align: baseline;
            word-wrap:break-word
        }

        html {
            height:auto
        }

        body {
            margin: 0 auto;
            font-family: Helvetica, "メイリオ", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "游ゴシック体", "Yu Gothic", YuGothic, sans-serif;
            font-size: 87.5%;
            font-weight: 300;
            height: auto;
            -webkit-text-size-adjust: 100%;
            color:#333
        }

        #wrap {
            width: 100%;
            position: relative;
            height: auto !important;
            height: 100%;
            min-height:100%
        }

        article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
            display:block
        }

        ul {
            list-style:none
        }

        blockquote, q {
            quotes:none
        }

        blockquote:before, blockquote:after, q:before, q:after {
            content: '';
            content:none
        }

        a {
            margin: 0;
            padding: 0;
            font-size: 100%;
            vertical-align: baseline;
            background: 0 0;
            outline: none;
            text-decoration:none
        }

        ins {
            background-color: #ff9;
            color: #000;
            text-decoration:none
        }

        mark {
            background-color:#fff45c
        }

        del {
            text-decoration:line-through
        }

        abbr[title], dfn[title] {
            border-bottom: 1px dotted;
            cursor:help
        }

        table {
            border-collapse:collapse
        }

        hr {
            display: block;
            height: 1px;
            border: 0;
            margin: 1em 0;
            padding:0
        }

        input::-moz-focus-inner, button::-moz-focus-inner {
            border:0
        }

        .mB400 {
            margin-bottom:400px
        }

        .clearfix:after, #main_Visual:after, .wrapper:after, #schedule dl dd:after, section:after, article:after, .boxx2:after {
            content: ".";
            display: block;
            height: 0;
            clear: both;
            visibility: hidden;
            overflow: hidden;
            font-size: .1em;
            line-height:0
        }

        iframe {
            width: 100%;
            border: 0;
            overflow-y:hidden
        }

        sup {
            position: relative;
            font-size: 70%;
            vertical-align: baseline;
            top: -3px
        }

        body {
            width: 100%;
            color: #000;
            font-size: 16px;
            line-height: 1;
            font-family: 'YakuHanJP_Noto', 'Noto Sans JP', sans-serif
        }

        header {
            width: auto;
            max-width: 1040px;
            padding: 0 20px;
            margin:0 auto
        }

        .inner {
            width: 980px;
            margin:0 auto
        }

        .inner:after {
            content: "";
            clear: both;
            display:block
        }

        #top-head {
            width: 100%;
            margin: 0 auto 15px;
            padding: 20px 0 0;
            line-height: 1;
            z-index:999
        }

        #top-head a, #top-head {
            color: #263238;
            text-decoration:none
        }

        #top-head .inner {
            position:relative
        }

        #top-head .logo {
            float: left;
            width: 180px;
            margin-top:10px
        }

        #global-nav ul {
            list-style: none;
            position: absolute;
            right: 0;
            bottom: 0;
            font-size: 14px;
            font-weight: 400;
            display: flex;
            align-items:flex-end
        }

        #global-nav ul li a {
            padding:0 10px
        }

        .tel-number {
            width: 130px;
            margin:0 10px
        }

        #global-nav .contact-btn {
            padding: 12px 20px;
            border-radius: 10px;
            background: #e24780;
            text-align: center;
            -webkit-transition: all .3s;
            transition:all .3s
        }

        #global-nav .contact-btn a {
            font-size: 15px;
            font-weight: 700;
            color: #fff;
            padding:0
        }

        #global-nav .pmark {
            padding-top:6px
        }

        #global-nav .pmark img {
            width: 56px;
            height:56px
        }

        #top-head.fixed {
            min-width: 100%;
            margin-top: 0;
            top: 0;
            position: fixed;
            padding-top: 15px;
            height: 65px;
            background: #fff;
            background: rgba(255, 255, 255, .9);
            transition: top .65s ease-in;
            -webkit-transition: top .65s ease-in;
            -moz-transition:top .65s ease-in
        }

        #top-head.fixed .logo {
            font-size: 24px;
            color:#263238
        }

        #nav-toggle {
            display: none;
            position: absolute;
            right: 12px;
            top: 14px;
            width: 34px;
            height: 36px;
            cursor: pointer;
            z-index:101
        }

        #nav-toggle div {
            position:relative
        }

        #nav-toggle span {
            display: block;
            position: absolute;
            height: 4px;
            width: 100%;
            background: #666;
            left: 0;
            -webkit-transition: .35s ease-in-out;
            -moz-transition: .35s ease-in-out;
            transition:.35s ease-in-out
        }

        #nav-toggle span:nth-child(1) {
            top:0
        }

        #nav-toggle span:nth-child(2) {
            top:11px
        }

        #nav-toggle span:nth-child(3) {
            top:22px
        }

        .gnav-outlist {
            position:relative
        }

        #global-nav .gnav-innerlist {
            position: absolute;
            opacity: 0;
            visibility: hidden;
            background-color: #fff;
            top: 40px;
            min-width: 180px;
            left: 50%;
            padding: 30px 5px;
            bottom: auto;
            text-align: center;
            line-height: 2;
            display: block;
            -webkit-transition: all .3s cubic-bezier(.04, .61, .58, 1) .1s;
            -o-transition: all .3s cubic-bezier(.04, .61, .58, 1) .1s;
            transition: all .3s cubic-bezier(.04, .61, .58, 1) .1s;
            -webkit-transform: translate(-50%, 5px);
            -ms-transform: translate(-50%, 5px);
            transform: translate(-50%, 5px);
            -webkit-box-shadow: 0 8px 20px 0 rgba(33, 36, 43, .15);
            box-shadow: 0 8px 20px 0 rgba(33, 36, 43, .15);
            z-index:999
        }

        #global-nav ul li:hover .anime {
            opacity: 1;
            visibility:visible
        }

        .gnav-inneritem {
            font-size: 100%;
            color: #263238;
            font-weight:400
        }

html {
  scroll-behavior: smooth;
    scroll-behavior: auto;
  }



 /* pc main css *//* pc main css *//* pc main css *//* pc main css *//* pc main css *//* pc main css *//* pc main css *//* pc main css *//* pc main css *//* pc main css *//* pc main css */

.top_haikei{
	background-image: url("../img/top_backhaikei.png");
	width: 100%;
    background-size:cover;
    background-repeat: no-repeat;
	margin-top: 20px;
}

.nihon{
	text-align: left;
	padding-top: 70px;
	
}
.nihon span {
	color: #444;
}
.nihon p{
	display: inline-block;
	text-align:center;
	font-size: 1.8em;
	color: #444444;
	font-weight: bold;
	line-height: 1.8;
}

.doda_logo{
	display: flex;
	align-items: center;
}

.doda_logo p{
	font-size: 2.0em;
	color: #444;
	font-weight: bold;
}

.nihon p span{
	font-size: 1.4em;
}

.sokukaitou{
	text-align: center;
	display: inline-block;
}

.sokukaitou p{
	font-size:1.4em;
	font-weight: bold;
	color: #444;
	line-height: 1.3em;
}
.sokukaitou p span{
	color: #227DCD;
}

/* 今すぐボタン *//* 今すぐボタン *//* 今すぐボタン *//* 今すぐボタン *//* 今すぐボタン *//* 今すぐボタン *//* 今すぐボタン *//* 今すぐボタン *//* 今すぐボタン */
.original-button {
  display: flex;
  align-items: center;
  justify-content: center;
  line-height: 1;
  text-decoration: none;
  color: #ffffff;
  font-size: 30px;
  border-radius: 20px;
  padding: 10px 20px;
  font-weight: bold;
  border-bottom: 5px solid #b46436;
  transition: 0.3s;
  background-color: #ea8a4c;
}

.original-button:hover {
  background-color: #F46D2A;
}
/* 今すぐボタンここまで *//* 今すぐボタンここまで *//* 今すぐボタンここまで *//* 今すぐボタンここまで *//* 今すぐボタンここまで *//* 今すぐボタンここまで */

/* dodaポイントボタン *//* dodaポイントボタン *//* dodaポイントボタン *//* dodaポイントボタン *//* dodaポイントボタン *//* dodaポイントボタン *//* dodaポイントボタン */
.point-button {
  display: flex;
  align-items: center;
  justify-content: center;
  line-height: 1;
  text-decoration: none;
  color: #ffffff;
  font-size: 23px;
  border-radius: 20px;
  width: 290px;
  height: 78px;
  font-weight: bolder;
  border-bottom: 5px solid #b46436;
  transition: 0.3s;
  background-color: #ea8a4c;
}

.point_btn{
	display: flex;
	justify-content: center;
	width: 800px;
	margin: 0 auto;
	padding-bottom: 40px;
	
}

.point-button:hover {
 background-color: #F46D2A;
}
/* dodaポイントボタンここまで *//* dodaポイントボタンここまで *//* dodaポイントボタンここまで *//* dodaポイントボタンここまで *//* dodaポイントボタンここまで *//* dodaポイントボタンここまで */

/* プラスワンボタン *//* プラスワンボタン *//* プラスワンボタン *//* プラスワンボタン *//* プラスワンボタン *//* プラスワンボタン *//* プラスワンボタン *//* プラスワンボタン *//* プラスワンボタン */
.point-button {
  display: flex;
  align-items: center;
  justify-content: center;
  line-height: 30px;
  text-decoration: none;
  color: #ffffff;
  font-size: 23px;
  border-radius: 20px;
  width: 290px;
  height: 80px;
  font-weight: bolder;
  border-bottom: 5px solid #b46436;
  transition: 0.3s;
  background-color: #ea8a4c;
}

.plusone_btn{
	display: flex;
	justify-content: center;
	width: 800px;
	margin: 0 auto;
	margin-top: 50px;
	padding-bottom: 60px;
	
}

.point-button:hover {
 background-color: #F46D2A;
}
/* プラスワンボタンここまで *//* プラスワンボタンここまで *//* プラスワンボタンここまで *//* プラスワンボタンここまで *//* プラスワンボタンここまで *//* プラスワンボタンここまで *//* プラスワンボタンここまで */
/* 媒体比較ボタン *//* 媒体比較ボタン *//* 媒体比較ボタン *//* 媒体比較ボタン *//* 媒体比較ボタン *//* 媒体比較ボタン *//* 媒体比較ボタン *//* 媒体比較ボタン *//* 媒体比較ボタン *//* 媒体比較ボタン */
.baitai-button {
  display: flex;
  align-items: center;
  justify-content: center;
  line-height: 35px;
  text-decoration: none;
  color: #ffffff;
  font-size: 23px;
  border-radius: 20px;
  width: 600px;
  height: 70px;
  font-weight: bolder;
  border-bottom: 5px solid #b46436;
  transition: 0.3s;
  background-color: #ea8a4c;
	text-align: center;
	margin: 0 auto;
}

.baitai-button:hover {
background-color: #F46D2A;
}

.baitai_btn{
	margin-bottom: 30px;
}
/* 媒体比較ボタンここまで *//* 媒体比較ボタンここまで *//* 媒体比較ボタンここまで *//* 媒体比較ボタンここまで *//* 媒体比較ボタンここまで *//* 媒体比較ボタンここまで *//* 媒体比較ボタンここまで *//* 媒体比較ボタンここまで */

/* 特集ボタン *//* 特集ボタン *//* 特集ボタン *//* 特集ボタン *//* 特集ボタン *//* 特集ボタン *//* 特集ボタン *//* 特集ボタン *//* 特集ボタン *//* 特集ボタン *//* 特集ボタン *//* 特集ボタン *//* 特集ボタン */
.tokusyu-button {
  display: flex;
  align-items: center;
  justify-content: center;
  line-height: 35px;
  text-decoration: none;
  color: #ffffff;
  font-size: 23px;
  border-radius: 20px;
  width: 250px;
  height: 65px;
  font-weight: bolder;
  border-bottom: 5px solid #b46436;
  transition: 0.3s;
  background-color: #ea8a4c;
}

.tokusyu_btn{
	display: flex;
	justify-content: center;
	width: 700px;
	margin: 0 auto;
	margin-top: 50px;
	padding-bottom: 60px;
	
}

.tokusyu-button:hover {
  background-color: #F46D2A;
}
/* 特集ボタンここまで *//* 特集ボタンここまで *//* 特集ボタンここまで *//* 特集ボタンここまで *//* 特集ボタンここまで *//* 特集ボタンここまで *//* 特集ボタンここまで *//* 特集ボタンここまで *//* 特集ボタンここまで */

/* 効果事例ボタン *//* 効果事例ボタン *//* 効果事例ボタン *//* 効果事例ボタン *//* 効果事例ボタン *//* 効果事例ボタン *//* 効果事例ボタン *//* 効果事例ボタン *//* 効果事例ボタン *//* 効果事例ボタン *//* 効果事例ボタン */
.jirei-button {
  display: flex;
  align-items: center;
  justify-content: center;
  line-height: 35px;
  text-decoration: none;
  color: #ffffff;
  font-size: 23px;
  border-radius: 20px;
  width: 360px;
  height: 70px;
  font-weight: bolder;
  border-bottom: 5px solid #b46436;
  transition: 0.3s;
  background-color: #ea8a4c;
}

.jirei_btn{
	display: flex;
	justify-content: space-between;
	width: 850px;
	margin: 0 auto;
	margin-top: 80px;
	padding-bottom: 90px;
	
}

.jirei-button:hover {
 background-color: #F46D2A;
}
/* 効果事例ボタンここまで *//* 効果事例ボタンここまで *//* 効果事例ボタンここまで *//* 効果事例ボタンここまで *//* 効果事例ボタンここまで *//* 効果事例ボタンここまで *//* 効果事例ボタンここまで *//* 効果事例ボタンここまで */
.top_01{
	display: flex;
	align-items:flex-end;
	justify-content: space-around;
	width: 100%;
}

.topframe {
	display: flex;
	justify-content: center;
	align-items: center;
	margin: 0 28px;
}
.topframe img {
	width: 160px!important;
}
.top_text01 img{
	width:280px;
}


.blk_all{
	display: flex;
	margin: 0 auto;
	justify-content: space-between;
	width: 1000px;
	
}

.blk1{
	margin: 0px auto;
}

.blk2{
	margin-top: 0px;
}

.blk2 img{
	width: 500px;
	margin: 10px;
}

.doda_point_blk{
	background-color: #34ADF2;
	width: 100%;
}

.point_text p{
	font-size: 45px;
	font-weight: bold;
	color: #fff;
	text-align: center;
	padding:80px 0;
}

.point_01_svg{
	margin-top: -100px;
}

.point_02_sumaho{
	max-width: 200px!important;
}
.point_02_gurahu {
	width:100%;
	max-width: 500px!important;
}

.point01_blk{
	display: flex;
	justify-content: space-around;
	width: 1000px;
}
.point01_blk img{
	max-width: 83px;
}

.point_blk{
	background-color: #fff;
	width: 1100px;
	margin: 0 auto;
	border-radius: 40px;
	margin-bottom: 50px;
}

.pointtext_inblk{
	display: flex;
	justify-content:space-around;
	width: 1000px;
	align-items: center;
	margin: 0 auto;
}


.pointtext_inblk p{
	color: #444;
	font-size: 16px;
	font-weight: bold;
}

.br-sp_point{
		display: none;
	}

.point_blk span{
	font-size: 24px;
	color: #227DCD;
	font-weight: bold;
	line-height: 50px;
}

.point_blk p{
	line-height: 30px;
	margin-top: 30px;
}

.point01gurahu{
	margin-top: 60px;
	margin-bottom: 50px;
	max-width: 280px;
}

.point_02_svg{
	margin-top: 40px;
}

.point02_svg{
	display: flex;
	justify-content: space-around;
	width: 900px;
	margin: 0 auto;
	padding: 30px 0;
}


.approach{
	width:700px;
	margin: 0 auto;
	padding: 30px 0;
}


.plusone_blk{
	background-image: url("../img/haikei.jpg");
	width: 100%;
    background-size: cover;
    background-repeat: no-repeat;
	overflow: hidden;
}

.plusone_text p{
	font-size: 45px;
	font-weight: bold;
	color: #227DCD;
	text-align: center;
	padding-top: 80px;
	padding-bottom: 40px;
}

.pulemia_blk_1{
	display: flex;
	justify-content:center;
}

.pulemia_blk_1 img{
	width: 330px;
}

.pulemia_1{
	text-align: center;
	margin: 50px;
}
.pulemia_1 p{
	font-size: 19px;
	font-weight:bolder;
	line-height: 30px;
	color: #444444;
	
}

.pulemia_1 p strong{
	color:#E86666;
}

.head_border {
	text-align: center;
	margin:70px 0;
	font-size: 40px;
	font-weight: bold;
	color: #227DCD;
  padding: 0.25em;
  border-top: solid 2px #6cb4e4;
  border-bottom: solid 2px #6cb4e4;
  background: -webkit-repeating-linear-gradient(-45deg, #f0f8ff, #f0f8ff 3px,#e9f4ff 3px, #e9f4ff 7px);
  background: repeating-linear-gradient(-45deg, #f0f8ff, #f0f8ff 3px,#e9f4ff 3px, #e9f4ff 7px);
}

.baitaihikaku{
	padding-top: 30px;
	padding-bottom: 30px;
	text-align: center;
}

.baitaihikaku img{
	width: 1000px;
}

/* 価格表テーブル *//* 価格表テーブル *//* 価格表テーブル *//* 価格表テーブル *//* 価格表テーブル *//* 価格表テーブル *//* 価格表テーブル *//* 価格表テーブル *//* 価格表テーブル *//* 価格表テーブル *//* 価格表テーブル */
tr:nth-child(odd){
	background-color: #D2EEFF;
}

.kakaku_tbl td{
	vertical-align:middle;
}

.kakaku_tbl{
	width: 970px;
	margin: 0 auto;
}

.kakaku_tbl p{
	font-size: 26px;
	color: #444;
	font-weight: bolder;
}

table{
  width:970px;
  border-collapse:separate;
  border-spacing: 0;
  margin: 0 auto;
  font-size: 23px;
  padding-bottom: 60px;
}

table th:last-child{
  border-right: 2px solid #000;
}

table th{
  text-align: center;
  color:white;
  background-color:#3F9DF2;
  border-left: 2px solid #000;
  border-top: 2px solid #000;
  border-bottom: 2px solid #000;
  
  width: 25%;
  padding: 10px 0;
  font-size: 25px;
}

table td{
  text-align: center;
  border-left: 2px solid #000;
  border-bottom: 2px solid #000;
  border-top:none;
  
  width: 25%;
  padding: 10px 0;
}

table td:last-child{
  border-right: 2px solid #000;
}

/* 価格表テーブルここまで *//* 価格表テーブルここまで *//* 価格表テーブルここまで *//* 価格表テーブルここまで *//* 価格表テーブルここまで *//* 価格表テーブルここまで *//* 価格表テーブルここまで *//* 価格表テーブルここまで */

.tokusyu{
	background-image: url("../img/haikei.jpg");
	width: 100%;
    background-size: cover;
    background-repeat: no-repeat;
}

.tokusyu_text{
	font-size: 23px;
	font-weight: bolder;
	color: #444444;
	text-align: center;
	line-height: 35px;
}

.rich p{
	font-size: 23px;
	font-weight:bolder;
	color: #000;	
}

.rich{
  width: 400px;
	text-align: center;
	margin: 0 auto;
	margin-top: 30px;
	padding-bottom: 20px;
  position: relative;
  padding: 0.6em;
  background: -webkit-repeating-linear-gradient(-45deg, #fff5df, #fff5df 4px,#ffe4b1 3px, #ffe4b1 8px);
  background: repeating-linear-gradient(-45deg, #fff5df, #fff5df 4px,#ffe4b1 3px, #ffe4b1 8px);
  border-radius: 7px;
}

.rich:after {
  position: absolute;
  content: '';
  top: 100%;
  left: 30px;
  border: 15px solid transparent;
  border-top: 15px solid #ffebbe;
  width: 0;
  height: 0;
}

.karender p{
	font-size: 40px;
	font-weight: bold;
	color: #000;
	text-align: center;
	padding: 30px 0;
	
}


.karender span{
	background:linear-gradient(transparent 60%, #ff6 60%);
	color: #000;
}
	

.tokusyu_svg img{
	padding: 40px 0;
	width: 250px;
	
}
.tokusyu_svg{
	display: flex;
	justify-content: space-around;
	width: 900px;
	margin: 0 auto;
}

.jirei_text{
	display: flex;
	justify-content: space-around;
	width: 1300px;
	align-items: center;
	margin:0 auto;
	padding: 50px 0;
}

.jirei_text img{
	width: 200px;
}
.jirei_text span{
	font-size: 23px;
	font-weight: bold;
	color: #444444;
}
.jirei_text p{
	font-size: 19px;
	color: #444444;
	font-weight: bolder;
	line-height: 30px;
}

.colam_text{
	font-size: 21px;
	font-weight: bold;
	color: #fff;
}

.koramu_blk{
	background-color: #34ADF2;
	width: 100%;
}

.koramu_blk img{
	width: 300px;
}

.kensakuword{
	width: 300px;
}

.kensakuword p{
	color: #fff;
	font-size: 19px;
	font-weight: bolder;
	text-align: center;
	margin: 15px 0;
	line-height: 23px;
}

.colam_blk{
	display: flex;
	justify-content: space-around;
	width: 1200px;
	margin: 0 auto;
}

/* プラスワンページcss *//* プラスワンページcss *//* プラスワンページcss *//* プラスワンページcss *//* プラスワンページcss *//* プラスワンページcss *//* プラスワンページcss *//* プラスワンページcss */


.plusone_nav ul{
	display: flex;
	justify-content: space-around;
	width: 1200px;
	margin: 0 auto;
	padding-bottom: 40px;
}

.plusone_nav ul li{
	color: #444;
	font-size: 23px;
	font-weight: bold;
	
}

.plusone_nav a{
  display: inline-block;
  text-decoration:none;
  position: relative;
  transition: .2s;
}
.plusone_nav a::after{
	position: absolute;
	bottom: -4px;
	left: 50%;
	content: '';
	width: 0;
	height: 2px;
	background-color: #174e9d;
	transition: .2s;
	transform: translateX(-50%);
}
.plusone_nav a:hover::after{
	width: 100%;
}





.plusone_nav a:visited{
  color: inherit;
}


.blk{
	background-color: #fff;
	width: 70%;
	margin: 0 auto;
	border-radius: 20px;
	margin-bottom: 90px;
	
}

.title{
	display: flex;
	justify-content: space-around;
	width: 230px;
	align-items: center;
	padding: 30px 0;
	margin: 0 auto;
	
}
.title img{
	width: 60px;
}
.title p{
	font-size: 30px;
	font-weight: bold;
	color: #227DCD;
}

.plemia p{
	font-size: 20px;
	color: #444;
	text-align: center;
	font-weight: bolder;
	padding-bottom: 30px;
}

.plemia p span{
	font-size: 24px;
	color: #e86666;
	font-weight: bold;
}

.box29 {
    margin:0 auto;
    background: #dcefff;
	width: 60%;
	
}
.box29 .box-title {
    font-size: 1.2em;
    background: #5fb3f5;
    padding: 4px;
    text-align: center;
    color: #FFF;
    font-weight: bold;
    letter-spacing: 0.05em;
}
.box29 p {
    padding: 15px 20px;
    margin: 0;
	text-align: center;
	color: #444;
	font-weight: bolder;
	font-size: 20px;
	line-height: 28px;
}

.kikanrei{
	width: 790px;
	margin: 0 auto;
	padding: 60px 0;
}

.hikakugurahu{
	width: 760px;
	margin: 0 auto;
	padding-top: 30px;
}
/* 成功パターンを診断ボタン */
.shindan-button {
  display: flex;
  align-items: center;
  justify-content: center;
  line-height: 35px;
  text-decoration: none;
  color: #ffffff;
  font-size: 23px;
  border-radius: 20px;
  width: 400px;
  height: 50px;
  font-weight:bolder;
  border-bottom: 5px solid #b46436;
  transition: 0.3s;
  background-color: #ea8a4c;
	text-align: center;
	margin: 0 auto;
	
}

.shindan-button:hover {
  background-color: #F46D2A;
}

.shindan_btn{
	padding: 60px 0;
}
/* 成功パターンを診断ボタン閉じ */

.fea_online{
	font-size: 24px;
	font-weight: bold;
	color: #174E9D;
	text-align: center;
	margin-bottom: 20px;
}

.fea_text{
	font-size: 20px;
	font-weight: bolder;
	color: #444;
	text-align: center;
	margin-bottom: 13px;
	line-height: 26px;
}

.kouritu{
	font-size: 28px;
	font-weight: bold;
	color: #E86666;
	text-align: center;
	
}

.mensetunagare{
	margin: 0 auto;
	padding: 50px 0;
	text-align: center;
}
.mensetunagare img {
	max-width: 850px;
}
.merit{
	font-size: 26px;
	font-weight: bold;
	color: #174E9D;
	text-align: center;
}

/* 4つのメリットブロック */
.merit_blk{
	display: flex;
	justify-content: space-around;
	width: 900px;
	padding-top: 30px;
	margin: 0 auto;
}

.merit_box img{
	width: 150px;
	margin-bottom: 13px;
}
.merit_box{
	text-align: center;
	margin-bottom: 20px;
}
.merit_box p{
	font-size: 16px;
	color: #444;
	font-weight: bolder;
	line-height: 24px;
}

/* 4つのメリットブロックここまで */

.boothter_text{
	font-size: 24px;
	font-weight: bold;
	color: #174E9D;
	text-align: center;
	margin: 20px 0;
}

.boothter_border{
	border-top : solid 3px #B8E3FD;
	width: 80%;
	margin: 0 auto;
	margin-top: 40px;
}

.boothter_border p{
	font-size: 20px;
	font-weight: bolder;
	color: #FC9855;
	text-align: center;
	margin-top: 20px;
}

.rekidai{
	display: flex;
	justify-content: center;
	margin: 0 auto;
	align-items: center;
}

.rekidai img{
	width: 190px;
}
.rekidai p{
	font-size: 19px;
	color: #444;
	font-weight:400;
	line-height: 27px;
}

.boothter_kakaku p{
	text-align: center;
	font-size: 19px;
	color: #444;
	font-weight:400;
	line-height: 45px;
	
}
.boothter_kakaku{
	margin-top: 20px;
}

.boothter_kakaku span{
	font-size: 24px;
	color: #444;
	font-weight:bold;
	
}

.boothter_border_2{
	border-top : solid 3px #B8E3FD;
	width: 80%;
	margin: 0 auto;
	margin-top: 40px;
	
}

.boothter_border_2 p{
	font-size: 20px;
	font-weight: bolder;
	color: #444;
	text-align: center;
	margin-top: 20px;
}

.boothter_border_2 span{
	font-size: 24px;
	color: #E86666;
	font-weight: bold;
}

.boothter2_5{
	width: 500px;
	margin: 0 auto;
	padding-top: 40px;
}

.pulaim_title{
	font-size: 24px;
	font-weight: bolder;
	color: #174E9D;
	text-align: center;
	margin: 13px 0 20px 0;
}
.pulaim_titl,p span{
	font-weight:bold;
	color: #E86666;
}

.pulaim_text{
	font-size: 20px;
	font-weight: bolder;
	color: #444;
	text-align: center;
	margin-top: 20px;
	line-height: 27px;
}

.dougahikaku{
	width: 600px;
	margin: 0 auto;
	padding-top: 40px;
}

.pulaim_text_2{
	font-size: 20px;
	font-weight: bolder;
	color: #174E9D;
	text-align: center;
	margin-top: 20px;
	line-height: 27px;
}

/*ふわふわした囲み枠*/
.box52 {
margin: 2em auto;
padding: 1em 2em;
background-color:#fff;/*背景色*/
box-shadow: 0 0 6px 1px #227DCD, 0 0 6px 1px #227DCD inset;/*ふわりとした影*/
border-radius: 30px;
text-align: center;
	width: 200px;
	font-size: 20px;
	color: #444;
	font-weight: bolder;
}

.title-box3{
  background-color: #fff;
  border: 2px solid #B8E4FF;
  letter-spacing: .3px;
  width: 800px;
	margin: 0 auto;
	margin-bottom: 60px;
}

.title-box3-title{
  color: #444;
  font-weight: bold;
	font-size: 24px;
  background-color: #B8E4FF;
  padding: 10px 6px;
  text-align: center;
}

.title-box3 p{
	padding: 13px;
	font-size: 20px;
	color: #444;
	font-weight: bolder;
 
}
.merit_title p{
	color: #227DCD;
	font-weight: bold;
	text-align: center;
}


/* プライム成功パターンを診断ボタン */
.shindan5-button {
  display: flex;
  align-items: center;
  justify-content: center;
  line-height: 35px;
  text-decoration: none;
  color: #ffffff;
  font-size: 23px;
  border-radius: 20px;
  width: 400px;
  height: 50px;
  font-weight:bolder;
  border-bottom: 5px solid #b46436;
  transition: 0.3s;
  background-color: #ea8a4c;
	text-align: center;
	margin: 0 auto;
	
}

.shindan5-button:hover {
 background-color: #F46D2A;
}

.shindan5_btn{
	padding-top: 10px;
	padding-bottom: 60px;
}
/* プライム成功パターンを診断ボタン閉じ */

.title_d{
	display: flex;
	justify-content: space-around;
	width: 580px;
	align-items: center;
	padding: 30px 0;
	margin: 0 auto;
}

.title_d img{
	width: 120px;
}
.title_d p{
	font-size: 30px;
	font-weight: bold;
	color: #227DCD;
}

.date{
	width: 700px;
	margin: 0 auto;
	padding-top: 20px;
	padding-bottom: 40px;
}

.saitan{
	width: 900px;
	margin: 0 auto;
	padding-top: 30px;
}
/* ページ内リンクずれpadding *//* ページ内リンクずれpadding *//* ページ内リンクずれpadding *//* ページ内リンクずれpadding *//* ページ内リンクずれpadding *//* ページ内リンクずれpadding */





/* ページ内リンクずれpaddingここまで *//* ページ内リンクずれpaddingここまで *//* ページ内リンクずれpaddingここまで *//* ページ内リンクずれpaddingここまで *//* ページ内リンクずれpaddingここまで */
/* フッター *//* フッター *//* フッター *//* フッター *//* フッター *//* フッター *//* フッター *//* フッター *//* フッター *//* フッター *//* フッター *//* フッター *//* フッター *//* フッター */
/***トップへ戻るボタン***/
.pagetop {
    height: 50px;
    width: 50px;
    position: fixed;
    right: 30px;
    bottom: 30px;
    background: #fff;
    border: solid 2px #000;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 2;
}

.pagetop__arrow {
    height: 10px;
    width: 10px;
    border-top: 3px solid #000;
    border-right: 3px solid #000;
    transform: translateY(20%) rotate(-45deg);
}

/***トップへ戻るボタンここまで***/




        .footer-contact {
            background-image: url(//www.id-hayato.co.jp/wp-content/themes/Template-hayato/css/../images/footer-contact-view.jpg);
            background-position: center center;
            background-repeat: no-repeat;
            background-size: cover;
            height: auto;
            text-align: center;
            color: #fff;
            position:relative
        }

        .footer-contact:before {
            content: '';
            position: absolute;
            top: 0;
            right: 0;
            left: 0;
            bottom: 0;
            background-color:rgba(0, 0, 0, .5)
        }

        .footer-contact-contents {
            position: relative;
            max-width: 1040px;
            padding: 0 20px;
            margin: 0 auto;
            padding-top: 50px;
            padding-bottom:50px
        }

        .footer-contact-heading {
            font-size: 32px;
            font-weight: 400;
            line-height: 1.1;
            letter-spacing: .05em;
            position: relative;
            color:#fff
        }

        .footer-contact-heading:after {
            bottom: -21px;
            width: 48px;
            height: 2px;
            content: '';
            display: block;
            position: absolute;
            right: 0;
            left: 0;
            margin: 0 auto;
            background:#fff
        }

        .footer-contact-lead {
            margin-top: 44px;
            font-size: 18px;
            font-weight: 400;
            line-height:1.4
        }

        .footer-contact-phone {
            margin: 30px auto 0;
            max-width:300px
        }

        .btn-contact-form {
            margin: 0 auto;
            margin-top: 40px;
            border: 4px solid #fff;
            padding: 20px 60px;
            font-size: 20px;
            font-weight: 700;
            line-height: 100px;
            letter-spacing: .14em;
            transition:all 1s cubic-bezier(.165, .84, .44, 1)
        }

        .btn-contact-form:after {
            content: '';
            position: absolute;
            top: 0;
            right: 25px;
            bottom: 0;
            width: 14px;
            margin: auto;
            background: url(//www.id-hayato.co.jp/wp-content/themes/Template-hayato/css/../images/ico_arrow_right.svg) no-repeat 50% 50%;
            background-size: contain;
            transition:all .1s ease-in-out
        }

        .btn-contact-form:hover {
            background: #fff;
            color:#263238
        }

        .btn-contact-form a {
            background-color:transparent
        }

        .button {
            cursor: pointer;
            position: relative;
            border-radius: 4em;
            background-image: none;
            color: #fff;
            text-align: center;
            vertical-align: middle;
            white-space: nowrap;
            text-decoration: none;
            user-select:none
        }

        .footer-view {
            background-image: url(//www.id-hayato.co.jp/wp-content/themes/Template-hayato/css/../images/footer-view.jpg);
            background-position: center center;
            background-repeat: no-repeat;
            background-size: cover;
            height: auto;
            position:relative
        }

        .footer-view:before {
            content: '';
            position: absolute;
            top: 0;
            right: 0;
            left: 0;
            bottom: 0;
            background-color:rgba(10, 63, 192, .7)
        }

        .footer-contents {
            display: flex;
            position: relative;
            flex-direction: row;
            justify-content: space-between;
            width: auto;
            max-width: 1040px;
            padding: 0 20px;
            margin: 0 auto;
            padding-top: 50px;
            padding-bottom: 50px;
            color:#fff
        }

        .footer-left {
            flex:2
        }

        .footer-right {
            display: flex;
            flex: 1;
            flex-direction:column
        }

        .footer-copy {
            font-size: 20px;
            font-weight:400
        }

        .footer-logo {
            margin-top: 50px;
            padding-bottom: 30px;
            text-align:left
        }

        .footer-logo img {
            width: 200px;
            height:auto
        }

        .footer-social {
            display: flex;
            justify-content: flex-end;
            margin-top:0
        }

        .footer-social dt {
            position: relative;
            padding-right: 45px;
            font-size: 18px;
            font-weight:400
        }

        .footer-social dt:after {
            content: '';
            display: block;
            position: absolute;
            top: 0;
            right: 0;
            bottom: 0;
            width: 30px;
            height: 1px;
            margin: auto;
            background:#fff
        }

        .footer-social dd {
            padding-left:15px
        }

        .footer-social .ico-facebook {
            background-image:url(//www.id-hayato.co.jp/wp-content/themes/Template-hayato/css/../images/ico-facebook.svg)
        }

        .footer-social .ico-twitter {
            background-image:url(//www.id-hayato.co.jp/wp-content/themes/Template-hayato/css/../images/ico-twitter.svg)
        }

        .footer-social .ico-instagram {
            background-image:url(//www.id-hayato.co.jp/wp-content/themes/Template-hayato/css/../images/ico-instagram.svg)
        }

        .footer-social [class^=ico-] {
            display: block;
            overflow: hidden;
            width: 20px;
            height: 0;
            padding-top: 20px;
            background-repeat: no-repeat;
            background-position: 50% 50%;
            background-size: contain;
            line-height:1.5
        }

        .footer-nav-sub {
            display: flex;
            align-content: flex-end;
            justify-content: space-between;
            margin-top:30px
        }

        .footer-nav-sub li {
            margin: 0;
            padding-left:20px
        }

        .footer-nav-sub li:first-child {
            margin-top:0
        }

        .footer-nav-sub a {
            font-size: 12px;
            font-weight: 400;
            color:#fff
        }

        .footer-copyright {
            position: absolute;
            bottom:50px
        }

        .important_news {
            font-size: .8em;
            padding: 12px;
            text-align: center;
            background-color:#f5f5f5
        }


            #top-head, .inner {
                width: 100%;
                padding-top:0
            }

            #top-head {
                margin-bottom:0
            }

            #top-head.fixed {
                padding-top: 0;
                background:0 0
            }

            #mobile-head {
                background: #fff;
                width: 100%;
                height: 56px;
                z-index: 999;
                position:relative
            }

            #top-head.fixed .logo, #top-head .logo {
                position: absolute;
                left: 13px;
                top: 13px;
                color: #333;
                font-size: 26px;
                margin-top:0
            }

            #global-nav {
                position: absolute;
                top: -500px;
                background: #333;
                width: 100%;
                text-align: center;
                padding: 10px 0;
                -webkit-transition: .5s ease-in-out;
                -moz-transition: .5s ease-in-out;
                transition: .5s ease-in-out;
                z-index:998
            }

            #global-nav ul {
                list-style: none;
                position: static;
                right: 0;
                bottom: 0;
                font-size: 14px;
                display:block
            }

            #global-nav ul li {
                float: none;
                position:static
            }

            #top-head #global-nav ul li a, #top-head.fixed #global-nav ul li a {
                width: 100%;
                display: block;
                color: #fff;
                padding:20px 0
            }

            #nav-toggle {
                display:block
            }

            #global-nav .gnav-innerlist {
                display:none
            }

            #global-nav .tel-number {
                display:none
            }

            #global-nav .contact-btn {
                margin: 20px 200px;
                padding:5px 10px
            }

            #global-nav .pmark {
                display:none
            }

            .open #nav-toggle span:nth-child(1) {
                top: 11px;
                -webkit-transform: rotate(315deg);
                -moz-transform: rotate(315deg);
                transform:rotate(315deg)
            }

            .open #nav-toggle span:nth-child(2) {
                width: 0;
                left:50%
            }

            .open #nav-toggle span:nth-child(3) {
                top: 11px;
                -webkit-transform: rotate(-315deg);
                -moz-transform: rotate(-315deg);
                transform:rotate(-315deg)
            }

            .open #global-nav {
                -moz-transform: translateY(556px);
                -webkit-transform: translateY(556px);
                transform:translateY(556px)
            }

            .footer-contact-heading {
                font-size: 28px;
                line-height:1.4
            }

            .footer-contact-lead {
                font-size: 16px;
                line-height:1.6
            }

            .footer-contact-phone {
                margin: 20px auto 0;
                max-width:300px
            }

            .btn-contact-form {
                border: 3px solid #fff;
                padding: 16px 50px;
                font-size:20px
            }

            .btn-contact-form:after {
                right: 18px;
                width:10px
            }

            .footer-contents {
                max-width:720px
            }

            .footer-copy {
                font-size:18px
            }

            .footer-logo {
                margin-top: 30px;
                padding-bottom:20px
            }

            .footer-social {
                margin-top:110px
            }

            .footer-nav-sub {
                display: block;
                text-align: right;
                margin-top: 30px;
                line-height:40px
            }

            .footer-copyright {
                position: absolute;
                bottom:60px
            }
        

        
            #global-nav .contact-btn {
                margin:10px 30px
            }

            .footer-contact-heading {
                font-size: 24px;
                line-height:1.4
            }

            .footer-contact-lead {
                font-size: 15px;
                line-height:1.6
            }

            .footer-contact-phone {
                margin: 30px auto 0;
                max-width:270px
            }

            .btn-contact-form {
                border: 2px solid #fff;
                padding: 20px 40px;
                font-size: 18px;
                letter-spacing:.1em
            }

            .footer-contents {
                max-width: 425px;
                display: block;
                margin: 0 auto;
                padding-top: 50px;
                padding-bottom:50px
            }

            .footer-copy {
                display:none
            }

            .footer-logo {
                text-align: center;
                padding-bottom: 0;
                margin-top:0
            }

            .footer-social {
                margin-top: 40px;
                justify-content:center
            }

            .footer-social dt {
                display:none
            }

            .footer-social dd {
                padding-left: 30px;
                padding-right:30px
            }

            .footer-social [class^=ico-] {
                width: 40px;
                padding-top:40px
            }

            .footer-nav-sub {
                text-align:center
            }

            .footer-nav-sub {
                margin-bottom:30px
            }

            .footer-nav-sub li {
                font-size: 20px;
                line-height: 2;
                padding-left:0
            }

            .footer-copyright {
                position: absolute;
                bottom: 30px;
                left: 50%;
                transform: translate(-50%, -50%);
                -webkit-transform: translate(-50%, -50%);
                -ms-transform: translate(-50%, -50%);
                width: 275px;
                text-align: center;
                font-size: 12px
            }
        
/* フッターここまで *//* フッターここまで *//* フッターここまで *//* フッターここまで *//* フッターここまで *//* フッターここまで *//* フッターここまで *//* フッターここまで *//* フッターここまで *//* フッターここまで */


/* ここからスマホサイズ *//* ここからスマホサイズ *//* ここからスマホサイズ *//* ここからスマホサイズ *//* ここからスマホサイズ *//* ここからスマホサイズ *//* ここからスマホサイズ *//* ここからスマホサイズ */
@media screen and (max-width:768px) {
	
	/* pc main css *//* pc main css *//* pc main css *//* pc main css *//* pc main css *//* pc main css *//* pc main css *//* pc main css *//* pc main css *//* pc main css *//* pc main css */
	
	
	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;
            vertical-align: baseline;
            word-wrap:break-word
        }

        html {
            height:auto
        }

        body {
            margin: 0 auto;
            font-family: Helvetica, "メイリオ", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "游ゴシック体", "Yu Gothic", YuGothic, sans-serif;
            font-size: 87.5%;
            font-weight: 300;
            height: auto;
            -webkit-text-size-adjust: 100%;
            color:#333
        }

        #wrap {
            width: 100%;
            position: relative;
            height: auto !important;
            height: 100%;
            min-height:100%
        }

        article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
            display:block
        }

        ul {
            list-style:none
        }

        blockquote, q {
            quotes:none
        }

        blockquote:before, blockquote:after, q:before, q:after {
            content: '';
            content:none
        }

        a {
            margin: 0;
            padding: 0;
            font-size: 100%;
            vertical-align: baseline;
            background: 0 0;
            outline: none;
            text-decoration:none
        }

        ins {
            background-color: #ff9;
            color: #000;
            text-decoration:none
        }

        mark {
            background-color:#fff45c
        }

        del {
            text-decoration:line-through
        }

        abbr[title], dfn[title] {
            border-bottom: 1px dotted;
            cursor:help
        }

        table {
            border-collapse:collapse
        }

        hr {
            display: block;
            height: 1px;
            border: 0;
            margin: 1em 0;
            padding:0
        }

        input::-moz-focus-inner, button::-moz-focus-inner {
            border:0
        }

        .mB400 {
            margin-bottom:400px
        }

        .clearfix:after, #main_Visual:after, .wrapper:after, #schedule dl dd:after, section:after, article:after, .boxx2:after {
            content: ".";
            display: block;
            height: 0;
            clear: both;
            visibility: hidden;
            overflow: hidden;
            font-size: .1em;
            line-height:0
        }

        iframe {
            width: 100%;
            border: 0;
            overflow-y:hidden
        }

        sup {
            position: relative;
            font-size: 70%;
            vertical-align: baseline;
            top: -3px
        }

        body {
            width: 100%;
            color: #000;
            font-size: 16px;
            line-height: 1;
            font-family: 'YakuHanJP_Noto', 'Noto Sans JP', sans-serif
        }

        header {
            width: auto;
            max-width: 1040px;
            padding: 0 20px;
            margin:0 auto
        }

        .inner {
            width: 980px;
            margin:0 auto
        }

        .inner:after {
            content: "";
            clear: both;
            display:block
        }

        #top-head {
            width: 100%;
            margin: 0 auto 15px;
            padding: 20px 0 0;
            line-height: 1;
            z-index:999
        }

        #top-head a, #top-head {
            color: #263238;
            text-decoration:none
        }

        #top-head .inner {
            position:relative
        }

        #top-head .logo {
            float: left;
            width: 180px;
            margin-top:10px
        }

        #global-nav ul {
            list-style: none;
            position: absolute;
            right: 0;
            bottom: 0;
            font-size: 14px;
            font-weight: 400;
            display: flex;
            align-items:flex-end
        }

        #global-nav ul li a {
            padding:0 10px
        }

        .tel-number {
            width: 130px;
            margin:0 10px
        }

        #global-nav .contact-btn {
            padding: 12px 20px;
            border-radius: 10px;
            background: #e24780;
            text-align: center;
            -webkit-transition: all .3s;
            transition:all .3s
        }

        #global-nav .contact-btn a {
            font-size: 15px;
            font-weight: 700;
            color: #fff;
            padding:0
        }

        #global-nav .pmark {
            padding-top:6px
        }

        #global-nav .pmark img {
            width: 56px;
            height:56px
        }

        #top-head.fixed {
            min-width: 100%;
            margin-top: 0;
            top: 0;
            position: fixed;
            padding-top: 15px;
            height: 65px;
            background: #fff;
            background: rgba(255, 255, 255, .9);
            transition: top .65s ease-in;
            -webkit-transition: top .65s ease-in;
            -moz-transition:top .65s ease-in
        }

        #top-head.fixed .logo {
            font-size: 24px;
            color:#263238
        }

        #nav-toggle {
            display: none;
            position: absolute;
            right: 12px;
            top: 14px;
            width: 34px;
            height: 36px;
            cursor: pointer;
            z-index:101;
        }

        #nav-toggle div {
            position:relative
        }

        #nav-toggle span {
            display: block;
            position: absolute;
            height: 4px;
            width: 100%;
            background: #666;
            left: 0;
            -webkit-transition: .35s ease-in-out;
            -moz-transition: .35s ease-in-out;
            transition:.35s ease-in-out
        }

        #nav-toggle span:nth-child(1) {
            top:0
        }

        #nav-toggle span:nth-child(2) {
            top:11px
        }

        #nav-toggle span:nth-child(3) {
            top:22px
        }

        .gnav-outlist {
            position:relative
        }

        #global-nav .gnav-innerlist {
            position: absolute;
            opacity: 0;
            visibility: hidden;
            background-color: #fff;
            top: 40px;
            min-width: 180px;
            left: 50%;
            padding: 30px 5px;
            bottom: auto;
            text-align: center;
            line-height: 2;
            display: block;
            -webkit-transition: all .3s cubic-bezier(.04, .61, .58, 1) .1s;
            -o-transition: all .3s cubic-bezier(.04, .61, .58, 1) .1s;
            transition: all .3s cubic-bezier(.04, .61, .58, 1) .1s;
            -webkit-transform: translate(-50%, 5px);
            -ms-transform: translate(-50%, 5px);
            transform: translate(-50%, 5px);
            -webkit-box-shadow: 0 8px 20px 0 rgba(33, 36, 43, .15);
            box-shadow: 0 8px 20px 0 rgba(33, 36, 43, .15);
            z-index:999
        }

        #global-nav ul li:hover .anime {
            opacity: 1;
            visibility:visible
        }

        .gnav-inneritem {
            font-size: 100%;
            color: #263238;
            font-weight:400
        }

html {
  scroll-behavior: smooth;
    scroll-behavior: auto;
  }
/* ここからSP main css *//* ここからSP main css *//* ここからSP main css *//* ここからSP main css *//* ここからSP main css *//* ここからSP main css *//* ここからSP main css *//* ここからSP main css */
	
	
.top_haikei{
	background-image: url("../img/top_backhaikei.png");
	width: 100%;
	height: auto;
    background-size:cover;
    background-repeat: no-repeat;
	margin-top: 20px;
}

.nihon{
	text-align: center;
	padding-top: 20px;
}
.nihon p{
	display: inline-block;
	text-align:center;
	font-size: 5vw;
	color: #444444;
	font-weight: bold;
	line-height: 1.4;
}
.nihon p span {
		font-size: 8vw!important;
	}

.doda_logo{
	display: flex;
	flex-direction: column;
	align-items: center;
	margin-top: 15px;
}

.doda_logo p{
	font-size: 7vw;
	color: #444;
	font-weight: bold;
}
	
	.doda_logo img{
		width: 60%;
	}	

.nihon p span{
	font-size: 66px;
}

.sokukaitou{
	text-align: center;
	display: inline-block;
}

.sokukaitou p{
	font-size:6vw;
	font-weight: bold;
	color: #444;
	line-height: 7vw;
}
.sokukaitou p span{
	color: #227DCD;
}

/* 今すぐボタン *//* 今すぐボタン *//* 今すぐボタン *//* 今すぐボタン *//* 今すぐボタン *//* 今すぐボタン *//* 今すぐボタン *//* 今すぐボタン *//* 今すぐボタン */
.original-button {
  display: flex;
flex-direction: column;
  align-items: center;
  justify-content: center;
  line-height: 1;
  text-decoration: none;
  color: #ffffff;
  font-size: 5vw;
  border-radius: 20px;
  width: 70vw;
  height: 10vw;
  font-weight: bold;
  border-bottom: 5px solid #b46436;
  transition: 0.3s;
  background-color: #ea8a4c;
	margin-top: 16px;
}

.original-button:hover {
  background-color: #F46D2A;
}
/* 今すぐボタンここまで *//* 今すぐボタンここまで *//* 今すぐボタンここまで *//* 今すぐボタンここまで *//* 今すぐボタンここまで *//* 今すぐボタンここまで */

/* dodaポイントボタン *//* dodaポイントボタン *//* dodaポイントボタン *//* dodaポイントボタン *//* dodaポイントボタン *//* dodaポイントボタン *//* dodaポイントボタン */
.point-button {
  display: flex;
  align-items: center;
  justify-content: center;
  line-height: 1;
  text-decoration: none;
  color: #ffffff;
  font-size: 20px;
  border-radius: 20px;
  width: 230px;
  height: 78px;
  font-weight: bolder;
  border-bottom: 5px solid #b46436;
  transition: 0.3s;
  background-color: #ea8a4c;
}

.point_btn{
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: space-between;
	width: 100%;
	margin: 0 auto;
	padding-bottom: 40px;
	
}

.point-button:hover {
 background-color: #F46D2A;
}
	
.point_btn a:first-child {
		margin-bottom: 15px;
	}	
/* dodaポイントボタンここまで *//* dodaポイントボタンここまで *//* dodaポイントボタンここまで *//* dodaポイントボタンここまで *//* dodaポイントボタンここまで *//* dodaポイントボタンここまで */

/* プラスワンボタン *//* プラスワンボタン *//* プラスワンボタン *//* プラスワンボタン *//* プラスワンボタン *//* プラスワンボタン *//* プラスワンボタン *//* プラスワンボタン *//* プラスワンボタン */
.point-button {
  display: flex;
  align-items: center;
  justify-content: center;
  line-height: 30px;
  text-decoration: none;
  color: #ffffff;
  font-size: 20px;
  border-radius: 20px;
  width: 240px;
  height: 80px;
  font-weight: bolder;
  border-bottom: 5px solid #b46436;
  transition: 0.3s;
  background-color: #ea8a4c;
}

.plusone_btn {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: space-between;
	width: 100%;
	margin: 0 auto;
	margin-top: 20px;
	padding-bottom: 30px;
	
}
.plusone_btn a:first-child {
		margin-bottom: 15px;
	}

.point-button:hover {
 background-color: #F46D2A;
}
/* プラスワンボタンここまで *//* プラスワンボタンここまで *//* プラスワンボタンここまで *//* プラスワンボタンここまで *//* プラスワンボタンここまで *//* プラスワンボタンここまで *//* プラスワンボタンここまで */
/* 媒体比較ボタン *//* 媒体比較ボタン *//* 媒体比較ボタン *//* 媒体比較ボタン *//* 媒体比較ボタン *//* 媒体比較ボタン *//* 媒体比較ボタン *//* 媒体比較ボタン *//* 媒体比較ボタン *//* 媒体比較ボタン */
.baitai-button {
  display: flex;
  align-items: center;
  justify-content: center;
  line-height: 35px;
  text-decoration: none;
  color: #ffffff;
  font-size: 20px;
  border-radius: 20px;
  width: 380px;
  height: 50px;
  font-weight: bolder;
  border-bottom: 5px solid #b46436;
  transition: 0.3s;
  background-color: #ea8a4c;
	text-align: center;
	margin: 0 auto;
}

.baitai-button:hover {
background-color: #F46D2A;
}

.baitai_btn{
	margin-bottom: 30px;
}
/* 媒体比較ボタンここまで *//* 媒体比較ボタンここまで *//* 媒体比較ボタンここまで *//* 媒体比較ボタンここまで *//* 媒体比較ボタンここまで *//* 媒体比較ボタンここまで *//* 媒体比較ボタンここまで *//* 媒体比較ボタンここまで */

/* 特集ボタン *//* 特集ボタン *//* 特集ボタン *//* 特集ボタン *//* 特集ボタン *//* 特集ボタン *//* 特集ボタン *//* 特集ボタン *//* 特集ボタン *//* 特集ボタン *//* 特集ボタン *//* 特集ボタン *//* 特集ボタン */
.tokusyu-button {
  display: flex;
  align-items: center;
  justify-content: center;
  line-height: 35px;
  text-decoration: none;
  color: #ffffff;
  font-size: 20px;
  border-radius: 20px;
  width: 240px;
  height: 65px;
  font-weight: bolder;
  border-bottom: 5px solid #b46436;
  transition: 0.3s;
  background-color: #ea8a4c;
}

.tokusyu_btn{
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: space-between;
	width: 100%;
	margin: 0 auto;
	margin-top: 40px;
	padding-bottom: 60px;
	
}
	
	.tokusyu_btn a:first-child {
		margin-bottom: 15px;
	}

.tokusyu-button:hover {
  background-color: #F46D2A;
}
/* 特集ボタンここまで *//* 特集ボタンここまで *//* 特集ボタンここまで *//* 特集ボタンここまで *//* 特集ボタンここまで *//* 特集ボタンここまで *//* 特集ボタンここまで *//* 特集ボタンここまで *//* 特集ボタンここまで */

/* 効果事例ボタン *//* 効果事例ボタン *//* 効果事例ボタン *//* 効果事例ボタン *//* 効果事例ボタン *//* 効果事例ボタン *//* 効果事例ボタン *//* 効果事例ボタン *//* 効果事例ボタン *//* 効果事例ボタン *//* 効果事例ボタン */
.jirei-button {
  display: flex;
  align-items: center;
  justify-content: center;
  line-height: 35px;
  text-decoration: none;
  color: #ffffff;
  font-size: 20px;
  border-radius: 20px;
  width: 240px;
  height: 70px;
  font-weight: bolder;
  border-bottom: 5px solid #b46436;
  transition: 0.3s;
  background-color: #ea8a4c;
}

.jirei_btn{
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: space-between;
	width: 100%;
	margin: 0 auto;
	margin-top: 20px;
	padding-bottom: 50px;
	
}
	
.jirei_btn a:first-child {
		margin-bottom: 15px;
	}	

.jirei-button:hover {
 background-color: #F46D2A;
}
/* 効果事例ボタンここまで *//* 効果事例ボタンここまで *//* 効果事例ボタンここまで *//* 効果事例ボタンここまで *//* 効果事例ボタンここまで *//* 効果事例ボタンここまで *//* 効果事例ボタンここまで *//* 効果事例ボタンここまで */
.top_01{
	display: flex;
	flex-direction: column;
	align-items:center;
	justify-content: center;
	width: 100%;
}

.topframe{
	display: flex;
	justify-content: space-around;
	width: 90%;
	margin: 0px auto;
}
	
		

.top_text01 img{

	
}
	
.blk_all{
	display: flex;
	flex-direction: column;
	margin: 0 auto;
	width:100%;
	
}

.blk1{
	margin-top: 40px;
}

.blk2{
	margin-top: 30px;
	text-align: center;
}

.blk2 .topframe_circle {
	
}
.blk2 .topframe_image {
	margin-bottom: 30px;
	}

.doda_point_blk{
	background-color: #34ADF2;
	width: 100%;
}

.point_text p{
	font-size: 6vw;
	font-weight: bold;
	color: #fff;
	text-align: center;
	padding:40px 0;
}
	
	
.point_01_svg{
	margin-top: 20px;
	width: 15vw;
}

.point01_blk {
	display: flex;
	flex-direction: column;
	align-items: center;
	width: 100%;
	position: relative;
	padding: 16px;
}
	
	
.point_blk{
	background-color: #fff;
	width: 90%;
	margin: 0 auto;
	border-radius: 40px;
	margin-bottom: 50px;
}

.pointtext_inblk{
	display: flex;
	justify-content:center;
	width: 100%;
	margin: 0 auto;
}


.pointtext_inblk p{
	color: #444;
	font-size: 14px;
	font-weight: bold;
}

.point_blk span{
	font-size: 20px;
	color: #227DCD;
	font-weight: bold;
	line-height: 6vw;
	display: block;
	text-align: center;
}

.point_blk p{
	line-height: 18px;
	margin-top: 15px;
}
	
	.br-pc{
		display: none;
	}

	.br-sp_point{
		display: block;
	}
	
.point01gurahu{
	margin-top: 30px;
	margin-bottom: 20px;
	width:40vw;
}

.point_02_svg{
	margin-top: 20px;
	width: 15vw;
}

.point02_svg{
	display: flex;
	justify-content: space-around;
	width: 80%;
	margin: 0 auto;
	padding-top: 10px;
	padding-bottom: 20px;
	
}
	
.point_02_sumaho{
	width:15vw;
}

	.point_02_gurahu{
		width: 40vw;
	}	


.approach{
	width:90%;
	margin: 0 auto;
	padding-top: 20px;
	padding-bottom: 30px;
}


.plusone_blk{
	background-image: url("../img/haikei.jpg");
	width: 100%;
    background-size: cover;
    background-repeat: no-repeat;
}

.plusone_text p{
	font-size: 6vw;
	font-weight: bold;
	color: #227DCD;
	text-align: center;
	padding-top: 40px;
	padding-bottom: 20px;
}

.pulemia_blk_1{
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content:center;
}

.pulemia_blk_1 img{
	width: 100%;
	max-width: 300px;
}

.pulemia_1{
	text-align: center;
	margin: 10px;
}
.pulemia_1 p{
	font-size: 16px;
	font-weight:bolder;
	line-height: 30px;
	color: #444444;
	width: 70%;
	margin: 0 auto;
}

.pulemia_1 p strong{
	color:#E86666;
}

.head_border {
	text-align: center;
	padding-top: 40px;
	margin-bottom: 10px;
	font-size: 6vw;
	font-weight: bold;
	color: #227DCD;
  padding: 0.25em;
  border-top: solid 2px #6cb4e4;
  border-bottom: solid 2px #6cb4e4;
  background: -webkit-repeating-linear-gradient(-45deg, #f0f8ff, #f0f8ff 3px,#e9f4ff 3px, #e9f4ff 7px);
  background: repeating-linear-gradient(-45deg, #f0f8ff, #f0f8ff 3px,#e9f4ff 3px, #e9f4ff 7px);
}

.baitaihikaku{
	padding-bottom: 30px;
	text-align: center;
}

.baitaihikaku img{
	width: 95%;
}

/* 価格表テーブル *//* 価格表テーブル *//* 価格表テーブル *//* 価格表テーブル *//* 価格表テーブル *//* 価格表テーブル *//* 価格表テーブル *//* 価格表テーブル *//* 価格表テーブル *//* 価格表テーブル *//* 価格表テーブル */
tr:nth-child(odd){
	background-color: #D2EEFF;
}

.kakaku_tbl td{
	vertical-align:middle;
}

.kakaku_tbl{
	width: 95%;
	margin: 0 auto;
	padding-top:20px;
}

.kakaku_tbl p{
	font-size: 5vw;
	color: #444;
	font-weight: bolder;
}

table{
  width:100%;
  border-collapse:separate;
  border-spacing: 0;
  margin: 0 auto;
  font-size: 23px;
  padding-bottom: 60px;
}

table th:last-child{
  border-right: 2px solid #000;
}

table th{
  text-align: center;
  color:white;
  background-color:#3F9DF2;
  border-left: 2px solid #000;
  border-top: 2px solid #000;
  border-bottom: 2px solid #000;
  font-weight: bolder;
  width: 25%;
  padding: 10px 0;
  font-size:4vw;
}

table td{
  text-align: center;
  border-left: 2px solid #000;
  border-bottom: 2px solid #000;
  border-top:none;
  font-size: 4vw;
	font-weight: bolder;
  width: 25%;
  padding: 10px 0;
}

table td:last-child{
  border-right: 2px solid #000;
}

/* 価格表テーブルここまで *//* 価格表テーブルここまで *//* 価格表テーブルここまで *//* 価格表テーブルここまで *//* 価格表テーブルここまで *//* 価格表テーブルここまで *//* 価格表テーブルここまで *//* 価格表テーブルここまで */

.tokusyu{
	background-image: url("../img/haikei.jpg");
	width: 100%;
    background-size: cover;
    background-repeat: no-repeat;
}

.tokusyu_text{
	font-size: 18px;
	font-weight: bolder;
	color: #444444;
	text-align: center;
	line-height: 25px;
	width: 90%;
	margin: 0 auto;
}

.rich p{
	font-size: 20px;
	font-weight:bolder;
	color: #000;	
}

.rich{
  width: 70%;
	text-align: center;
	margin: 0 auto;
	margin-top: 30px;
	padding-bottom: 20px;
  position: relative;
  padding: 0.6em;
  background: -webkit-repeating-linear-gradient(-45deg, #fff5df, #fff5df 4px,#ffe4b1 3px, #ffe4b1 8px);
  background: repeating-linear-gradient(-45deg, #fff5df, #fff5df 4px,#ffe4b1 3px, #ffe4b1 8px);
  border-radius: 7px;
}

.rich:after {
  position: absolute;
  content: '';
  top: 100%;
  left: 30px;
  border: 15px solid transparent;
  border-top: 15px solid #ffebbe;
  width: 0;
  height: 0;
}

.karender p{
	font-size: 7vw;
	font-weight: bold;
	color: #000;
	text-align: center;
	padding: 30px 0;
	
}


.karender span{
	background:linear-gradient(transparent 60%, #ff6 60%);
	color: #000;
}
	

.tokusyu_svg img{
	padding: 40px 0;
	width: 30vw;
	
}
.tokusyu_svg{
	display: flex;
	justify-content: space-around;
	width: 70%;
	margin: 0 auto;
}

.jirei_text{
	display: flex;
	flex-direction: column;
	justify-content: space-around;
	width: 90%;
	align-items: center;
	margin:0 auto;
	padding: 50px 0;
}

.jirei_text img{
	width: 40vw;
	margin-top: 30px;
}
.jirei_text span{
	font-size: 4vw;
	font-weight: bold;
	color: #444444;
}
.jirei_text p{
	font-size: 3vw;
	color: #444444;
	font-weight: bolder;
	line-height: 20px;
}

.colam_text p{
	font-size: 4vw;
	font-weight: bold;
	color:#ea8a4c;
}

.koramu_blk{
	background-color: #34ADF2;
	width: 100%;
}

.koramu_blk img{
	width: 60vw;
	
}

.kensakuword{
	width:100%;
}

.kensakuword p{
	color: #fff;
	font-size: 4vw;
	font-weight: bolder;
	text-align: center;
	margin: 15px 0;
	line-height: 23px;
}

.colam_blk{
	display: flex;
	flex-direction: column;
	justify-content: space-around;
	width: 100%;
	margin: 0 auto;
	text-align: center;
}

/* プラスワンページcss *//* プラスワンページcss *//* プラスワンページcss *//* プラスワンページcss *//* プラスワンページcss *//* プラスワンページcss *//* プラスワンページcss *//* プラスワンページcss */


.plusone_nav ul{
	display: flex;flex-direction: column;
	justify-content: space-around;
	width:100%;
	margin: 0 auto;
	padding-bottom: 40px;
	text-align: center;
}

.plusone_nav ul li{
	color: #444;
	font-size: 18px;
	font-weight: bold;
	margin-bottom: 15px;
	
}

.plusone_nav a{
  display: inline-block;
  text-decoration:none;
  position: relative;
  transition: .2s;
}
.plusone_nav a::after{
	position: absolute;
	bottom: -4px;
	left: 50%;
	content: '';
	width: 0;
	height: 2px;
	background-color: #174e9d;
	transition: .2s;
	transform: translateX(-50%);
}
.plusone_nav a:hover::after{
	width: 100%;
}





.plusone_nav a:visited{
  color: inherit;
}


.blk{
	background-color: #fff;
	width: 90%;
	margin: 0 auto;
	border-radius: 20px;
	margin-bottom: 40px;
	
}

.title{
	display: flex;
	justify-content: space-around;
	width:50%;
	align-items: center;
	padding: 30px 0;
	margin: 0 auto;
	
}
.title img{
	width:30%;
}
.title p{
	font-size:5.5vw;
	font-weight: bold;
	color: #227DCD;
}

.plemia p{
	font-size: 4vw;
	color: #444;
	text-align: center;
	font-weight: bolder;
	padding-bottom: 30px;
}

.plemia p span{
	font-size: 4vw;
	color: #e86666;
	font-weight: bold;
}

.box29 {
    margin:0 auto;
    background: #dcefff;
	width: 90%;
	
}
.box29 .box-title {
    font-size: 1.2em;
    background: #5fb3f5;
    padding: 4px;
    text-align: center;
    color: #FFF;
    font-weight: bold;
    letter-spacing: 0.05em;
}
.box29 p {
    padding: 15px 20px;
    margin: 0;
	text-align: center;
	color: #444;
	font-weight: bolder;
	font-size: 17px;
	line-height: 28px;
}

.kikanrei{
	width:90%;
	margin: 0 auto;
	padding-top:40px;
	padding-bottom: 10px;
}

.hikakugurahu{
	width: 85%;
	margin: 0 auto;
	padding-top: 30px;
}
/* 成功パターンを診断ボタン */
.shindan-button {
  display: flex;
  align-items: center;
  justify-content: center;
  line-height: 35px;
  text-decoration: none;
  color: #ffffff;
  font-size: 20px;
  border-radius: 20px;
  width: 350px;
  height: 50px;
  font-weight:bolder;
  border-bottom: 5px solid #b46436;
  transition: 0.3s;
  background-color: #ea8a4c;
	text-align: center;
	margin: 0 auto;
	
}

.shindan-button:hover {
  background-color: #F46D2A;
}

.shindan_btn{
	padding: 60px 0;
}
/* 成功パターンを診断ボタン閉じ */

.fea_online{
	font-size: 22px;
	font-weight: bold;
	color: #174E9D;
	text-align: center;
	margin-bottom: 20px;
}

.fea_text{
	font-size: 17px;
	font-weight: bolder;
	color: #444;
	text-align: center;
	margin-bottom: 15px;
	line-height: 26px;
	width: 90%;
	margin: 0 auto;
}

.kouritu{
	font-size: 20px;
	font-weight: bold;
	color: #E86666;
	text-align: center;
	margin-top: 5px;
	
}

.mensetunagare{
	width: 97%;
	margin: 0 auto;
	padding: 30px 0;
}

.merit{
	font-size: 22px;
	font-weight: bold;
	color: #174E9D;
	text-align: center;
}

/* 4つのメリットブロック */
.merit_blk{
	flex-wrap: wrap;
	width: 80%;
	padding-bottom: 10px;
	margin: 0 auto;
}

.merit_box img{
	width: 150px;
	margin-bottom: 8px;
}
.merit_box{
	text-align: center;
}
.merit_box p{
	font-size: 15px;
	color: #444;
	font-weight: bolder;
	line-height: 19px;
}

/* 4つのメリットブロックここまで */

.boothter_text{
	font-size: 22px;
	font-weight: bold;
	color: #174E9D;
	text-align: center;
	margin: 20px 0;
}

.boothter_border{
	border-top : solid 3px #B8E3FD;
	width: 80%;
	margin: 0 auto;
	margin-top: 40px;
}

.boothter_border p{
	font-size: 20px;
	font-weight: bolder;
	color: #FC9855;
	text-align: center;
	margin-top: 20px;
}

.rekidai{
	display: flex;
	flex-direction: column;
	justify-content: space-around;
	margin: 0 auto;
	align-items: center;
	width: 90%;
}

.rekidai img{
	width: 190px;
}
.rekidai p{
	font-size: 17px;
	color: #444;
	font-weight:400;
	line-height: 27px;
	margin: 20px 0;
}

.boothter_kakaku p{
	text-align: center;
	font-size: 17px;
	color: #444;
	font-weight:400;
	line-height: 27px;
	
}
.boothter_kakaku{
	margin-top: 20px;
}

.boothter_kakaku span{
	font-size: 22px;
	color: #444;
	font-weight:bold;
}

.boothter_border_2{
	border-top : solid 3px #B8E3FD;
	width: 80%;
	margin: 0 auto;
	margin-top: 40px;
	
}

.boothter_border_2 p{
	font-size: 17px;
	font-weight: bolder;
	color: #444;
	text-align: center;
	margin-top: 20px;
	line-height: 27px;
}

.boothter_border_2 span{
	font-size: 20px;
	color: #E86666;
	font-weight: bold;
}

.boothter2_5{
	width:80%;
	margin: 0 auto;
	padding-top: 40px;
}

.pulaim_title{
	font-size: 22px;
	font-weight: bolder;
	color: #174E9D;
	text-align: center;
	margin: 13px 0 20px 0;
}
.pulaim_titl,p span{
	font-weight:bold;
	color: #E86666;
}

.pulaim_text{
	font-size: 17px;
	font-weight: bolder;
	color: #444;
	text-align: center;
	margin-top: 20px;
	line-height: 27px;
}

.dougahikaku{
	width:90%;
	margin: 0 auto;
	padding-top: 40px;
}

.pulaim_text_2{
	font-size: 18px;
	font-weight: bolder;
	color: #174E9D;
	text-align: center;
	margin-top: 20px;
	line-height: 27px;
}

/*ふわふわした囲み枠*/
.box52 {
margin: 2em auto;
padding: 1em 2em;
background-color:#fff;/*背景色*/
box-shadow: 0 0 6px 1px #227DCD, 0 0 6px 1px #227DCD inset;/*ふわりとした影*/
border-radius: 30px;
text-align: center;
	width: 200px;
	font-size: 20px;
	color: #444;
	font-weight: bolder;
}

.title-box3{
  background-color: #fff;
  border: 2px solid #B8E4FF;
  letter-spacing: .3px;
  width: 90%;
	margin: 0 auto;
	margin-bottom: 30px;
}

.title-box3-title{
  color: #444;
  font-weight: bold;
	font-size: 20px;
  background-color: #B8E4FF;
  padding: 10px 6px;
  text-align: center;
}

.title-box3 p{
	padding: 10px;
	font-size: 17px;
	color: #444;
	font-weight: bolder;
 
}
.merit_title p{
	color: #227DCD;
	font-weight: bold;
	text-align: center;
}


/* プライム成功パターンを診断ボタン */
.shindan5-button {
  display: flex;
  align-items: center;
  justify-content: center;
  line-height: 35px;
  text-decoration: none;
  color: #ffffff;
  font-size: 20px;
  border-radius: 20px;
  width: 350px;
  height: 50px;
  font-weight:bolder;
  border-bottom: 5px solid #b46436;
  transition: 0.3s;
  background-color: #ea8a4c;
	text-align: center;
	margin: 0 auto;
	
}

.shindan5-button:hover {
 background-color: #F46D2A;
}

.shindan5_btn{
	padding-top: 10px;
	padding-bottom: 60px;
}
/* プライム成功パターンを診断ボタン閉じ */

.title_d{
	display: flex;
	justify-content: space-around;
	width: 100%;
	align-items: center;
	padding: 30px 0;
	margin: 0 auto;
}

.title_d img{
	width: 120px;
}
.title_d p{
	font-size: 25px;
	font-weight: bold;
	color: #227DCD;
}

.date{
	width:90%;
	margin: 0 auto;
	padding-top: 20px;
	padding-bottom: 40px;
}

.saitan{
	width:90%;
	margin: 0 auto;
	padding-top: 10px;
}
/* ページ内リンクずれpadding *//* ページ内リンクずれpadding *//* ページ内リンクずれpadding *//* ページ内リンクずれpadding *//* ページ内リンクずれpadding *//* ページ内リンクずれpadding */





/* ページ内リンクずれpaddingここまで *//* ページ内リンクずれpaddingここまで *//* ページ内リンクずれpaddingここまで *//* ページ内リンクずれpaddingここまで *//* ページ内リンクずれpaddingここまで */
/* フッター *//* フッター *//* フッター *//* フッター *//* フッター *//* フッター *//* フッター *//* フッター *//* フッター *//* フッター *//* フッター *//* フッター *//* フッター *//* フッター */
/***トップへ戻るボタン***/
.pagetop {
    height: 50px;
    width: 50px;
    position: fixed;
    right: 30px;
    bottom: 30px;
    background: #fff;
    border: solid 2px #000;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 2;
}

.pagetop__arrow {
    height: 10px;
    width: 10px;
    border-top: 3px solid #000;
    border-right: 3px solid #000;
    transform: translateY(20%) rotate(-45deg);
}

/***トップへ戻るボタンここまで***/




        .footer-contact {
            background-image: url(//www.id-hayato.co.jp/wp-content/themes/Template-hayato/css/../images/footer-contact-view.jpg);
            background-position: center center;
            background-repeat: no-repeat;
            background-size: cover;
            height: auto;
            text-align: center;
            color: #fff;
            position:relative
        }

        .footer-contact:before {
            content: '';
            position: absolute;
            top: 0;
            right: 0;
            left: 0;
            bottom: 0;
            background-color:rgba(0, 0, 0, .5)
        }

        .footer-contact-contents {
            position: relative;
            max-width: 1040px;
            padding: 0 20px;
            margin: 0 auto;
            padding-top: 50px;
            padding-bottom:50px
        }

        .footer-contact-heading {
            font-size: 32px;
            font-weight: 400;
            line-height: 1.1;
            letter-spacing: .05em;
            position: relative;
            color:#fff
        }

        .footer-contact-heading:after {
            bottom: -21px;
            width: 48px;
            height: 2px;
            content: '';
            display: block;
            position: absolute;
            right: 0;
            left: 0;
            margin: 0 auto;
            background:#fff
        }

        .footer-contact-lead {
            margin-top: 44px;
            font-size: 18px;
            font-weight: 400;
            line-height:1.4
        }

        .footer-contact-phone {
            margin: 30px auto 0;
            max-width:300px
        }

        .btn-contact-form {
            margin: 0 auto;
            margin-top: 40px;
            border: 4px solid #fff;
            padding: 20px 60px;
            font-size: 20px;
            font-weight: 700;
            line-height: 100px;
            letter-spacing: .14em;
            transition:all 1s cubic-bezier(.165, .84, .44, 1)
        }

        .btn-contact-form:after {
            content: '';
            position: absolute;
            top: 0;
            right: 25px;
            bottom: 0;
            width: 14px;
            margin: auto;
            background: url(//www.id-hayato.co.jp/wp-content/themes/Template-hayato/css/../images/ico_arrow_right.svg) no-repeat 50% 50%;
            background-size: contain;
            transition:all .1s ease-in-out
        }

        .btn-contact-form:hover {
            background: #fff;
            color:#263238
        }

        .btn-contact-form a {
            background-color:transparent
        }

        .button {
            cursor: pointer;
            position: relative;
            border-radius: 4em;
            background-image: none;
            color: #fff;
            text-align: center;
            vertical-align: middle;
            white-space: nowrap;
            text-decoration: none;
            user-select:none
        }

        .footer-view {
            background-image: url(//www.id-hayato.co.jp/wp-content/themes/Template-hayato/css/../images/footer-view.jpg);
            background-position: center center;
            background-repeat: no-repeat;
            background-size: cover;
            height: auto;
            position:relative
        }

        .footer-view:before {
            content: '';
            position: absolute;
            top: 0;
            right: 0;
            left: 0;
            bottom: 0;
            background-color:rgba(10, 63, 192, .7)
        }

        .footer-contents {
            display: flex;
            position: relative;
            flex-direction: row;
            justify-content: space-between;
            width: auto;
            max-width: 1040px;
            padding: 0 20px;
            margin: 0 auto;
            padding-top: 50px;
            padding-bottom: 50px;
            color:#fff
        }

        .footer-left {
            flex:2
        }

        .footer-right {
            display: flex;
            flex: 1;
            flex-direction:column
        }

        .footer-copy {
            font-size: 20px;
            font-weight:400
        }

        .footer-logo {
            margin-top: 50px;
            padding-bottom: 30px;
            text-align:left
        }

        .footer-logo img {
            width: 200px;
            height:auto
        }

        .footer-social {
            display: flex;
            justify-content: flex-end;
            margin-top:0
        }

        .footer-social dt {
            position: relative;
            padding-right: 45px;
            font-size: 18px;
            font-weight:400
        }

        .footer-social dt:after {
            content: '';
            display: block;
            position: absolute;
            top: 0;
            right: 0;
            bottom: 0;
            width: 30px;
            height: 1px;
            margin: auto;
            background:#fff
        }

        .footer-social dd {
            padding-left:15px
        }

        .footer-social .ico-facebook {
            background-image:url(//www.id-hayato.co.jp/wp-content/themes/Template-hayato/css/../images/ico-facebook.svg)
        }

        .footer-social .ico-twitter {
            background-image:url(//www.id-hayato.co.jp/wp-content/themes/Template-hayato/css/../images/ico-twitter.svg)
        }

        .footer-social .ico-instagram {
            background-image:url(//www.id-hayato.co.jp/wp-content/themes/Template-hayato/css/../images/ico-instagram.svg)
        }

        .footer-social [class^=ico-] {
            display: block;
            overflow: hidden;
            width: 20px;
            height: 0;
            padding-top: 20px;
            background-repeat: no-repeat;
            background-position: 50% 50%;
            background-size: contain;
            line-height:1.5
        }

        .footer-nav-sub {
            display: flex;
            align-content: flex-end;
            justify-content: space-between;
            margin-top:30px
        }

        .footer-nav-sub li {
            margin: 0;
            padding-left:20px
        }

        .footer-nav-sub li:first-child {
            margin-top:0
        }

        .footer-nav-sub a {
            font-size: 12px;
            font-weight: 400;
            color:#fff
        }

        .footer-copyright {
            position: absolute;
            bottom:50px
        }

        .important_news {
            font-size: .8em;
            padding: 12px;
            text-align: center;
            background-color:#f5f5f5
        }


            #top-head, .inner {
                width: 100%;
                padding-top:0
            }

            #top-head {
                margin-bottom:0
            }

            #top-head.fixed {
                padding-top: 0;
                background:0 0
            }

            #mobile-head {
                background: #fff;
                width: 100%;
                height: 56px;
                z-index: 999;
                position:relative
            }

            #top-head.fixed .logo, #top-head .logo {
                position: absolute;
                left: 13px;
                top: 13px;
                color: #333;
                font-size: 26px;
                margin-top:0
            }

            #global-nav {
                position: absolute;
                top: -500px;
                background: #333;
                width: 100%;
                text-align: center;
                padding: 10px 0;
                -webkit-transition: .5s ease-in-out;
                -moz-transition: .5s ease-in-out;
                transition: .5s ease-in-out;
                z-index:998
            }

            #global-nav ul {
                list-style: none;
                position: static;
                right: 0;
                bottom: 0;
                font-size: 14px;
                display:block
            }

            #global-nav ul li {
                float: none;
                position:static
            }

            #top-head #global-nav ul li a, #top-head.fixed #global-nav ul li a {
                width: 100%;
                display: block;
                color: #fff;
                padding:20px 0
            }

            #nav-toggle {
                display:block
            }

            #global-nav .gnav-innerlist {
                display:none
            }

            #global-nav .tel-number {
                display:none
            }

            #global-nav .contact-btn {
                margin: 20px 200px;
                padding:5px 10px
            }

            #global-nav .pmark {
                display:none
            }

            .open #nav-toggle span:nth-child(1) {
                top: 11px;
                -webkit-transform: rotate(315deg);
                -moz-transform: rotate(315deg);
                transform:rotate(315deg)
            }

            .open #nav-toggle span:nth-child(2) {
                width: 0;
                left:50%
            }

            .open #nav-toggle span:nth-child(3) {
                top: 11px;
                -webkit-transform: rotate(-315deg);
                -moz-transform: rotate(-315deg);
                transform:rotate(-315deg)
            }

            .open #global-nav {
                -moz-transform: translateY(556px);
                -webkit-transform: translateY(556px);
                transform:translateY(556px)
            }

            .footer-contact-heading {
                font-size: 28px;
                line-height:1.4
            }

            .footer-contact-lead {
                font-size: 16px;
                line-height:1.6
            }

            .footer-contact-phone {
                margin: 20px auto 0;
                max-width:300px
            }

            .btn-contact-form {
                border: 3px solid #fff;
                padding: 16px 50px;
                font-size:20px
            }

            .btn-contact-form:after {
                right: 18px;
                width:10px
            }

            .footer-contents {
                max-width:720px
            }

            .footer-copy {
                font-size:18px
            }

            .footer-logo {
                margin-top: 30px;
                padding-bottom:20px
            }

            .footer-social {
                margin-top:110px
            }

            .footer-nav-sub {
                display: block;
                text-align: right;
                margin-top: 30px;
                line-height:40px
            }

            .footer-copyright {
                position: absolute;
                bottom:60px
            }
        

        
            #global-nav .contact-btn {
                margin:10px 30px
            }

            .footer-contact-heading {
                font-size: 24px;
                line-height:1.4
            }

            .footer-contact-lead {
                font-size: 15px;
                line-height:1.6
            }

            .footer-contact-phone {
                margin: 30px auto 0;
                max-width:270px
            }

            .btn-contact-form {
                border: 2px solid #fff;
                padding: 20px 40px;
                font-size: 18px;
                letter-spacing:.1em
            }

            .footer-contents {
                max-width: 425px;
                display: block;
                margin: 0 auto;
                padding-top: 50px;
                padding-bottom:50px
            }

            .footer-copy {
                display:none
            }

            .footer-logo {
                text-align: center;
                padding-bottom: 0;
                margin-top:0
            }

            .footer-social {
                margin-top: 40px;
                justify-content:center
            }

            .footer-social dt {
                display:none
            }

            .footer-social dd {
                padding-left: 30px;
                padding-right:30px
            }

            .footer-social [class^=ico-] {
                width: 40px;
                padding-top:40px
            }

            .footer-nav-sub {
                text-align:center
            }

            .footer-nav-sub {
                margin-bottom:30px
            }

            .footer-nav-sub li {
                font-size: 20px;
                line-height: 2;
                padding-left:0
            }

            .footer-copyright {
                position: absolute;
                bottom: 30px;
                left: 50%;
                transform: translate(-50%, -50%);
                -webkit-transform: translate(-50%, -50%);
                -ms-transform: translate(-50%, -50%);
                width: 275px;
                text-align: center;
                font-size: 12px
            }	
	
}