@charset "UTF-8";

/*
# =================================================================
# 汎用パーツのデザイン

・ネイビー：#1b2b6f
・水色：#0e6eb8
・グレー：#575857
・赤：#fe000c
・緑：#02a628
box-shadow: 0 10px 40px rgba(0, 0, 0, .1);
    黄色：#FFF100

# =================================================================
*/

.hissu{position:relative;}.hissu:after{position:absolute;top:50%;transform:translatey(-50%);right:-60px;margin-top:1px;content:'必須';border:1px solid #fe000c;line-height:1;padding:2px 10px;margin-left:1rem;color:#fe000c;font-size:10px;}
.nini{position:relative;}.nini:after{position:absolute;top:50%;transform:translatey(-50%);right:-60px;margin-top:1px;content:'任意';border:1px solid #1b2b6f;line-height:1;padding:2px 10px;margin-left:1rem;color:#1b2b6f;}


.hr_design01{
	border:none;
	border-bottom:2px solid #ddd;
	margin:5rem 2rem;
}

.hr_design02{
	border:none;
	border-bottom:2px dotted #ddd;
	margin:5rem 2rem;
}

.h_design001 {
	font-size:2.2rem;
}

.h_design001 span {
	display: flex;
	align-items: center;
	color: #0e6eb8;
	font-size: 16px;
	text-transform: uppercase;
	letter-spacing:2px;
}

.h_design001 span::before {
	content: '';
	display: inline-block;
	margin-right: 20px;
	width: 40px;
	height: 1px;
	background-color: #0e6eb8;
}

.h_design002 {
	position: relative;
	padding-bottom: 50px;
	font-size: 2.8rem;
	text-align: center;
	margin-bottom:2rem;
	letter-spacing:2px;
	font-weight:bold;
}

.h_design002::before {
	content: attr(data-en);
	display: block;
	color: #1b2b6f;
	font-size: 20px;
	font-style: italic;
	text-transform: uppercase;
	margin-bottom:10px;
}

.h_design002::after {
	content: '';
	position: absolute;
	bottom: 0;
	left: 50%;
	transform: translate(-50%) rotate(30deg);
	width: 1px;
	height: 40px;
	background-color: #1b2b6f;
}

.h_design003 {
	background:#1b2b6f;
	color:#fff;
	margin:2rem 0;
	padding:15px;
	letter-spacing:2px;
	border-radius:4px;
}

.h_design004 {
	position: relative;
	font-size: 1.4rem;
	letter-spacing:2px;
}
.h_design004 span{
	padding:5px 30px;
	background:#0e6eb8;
	color:#fff;
	border-radius:6px;
}


.box_design01{
	display:flex;
	align-items:center;
	justify-content:end;
}
.box_design01_img{width:80%;position:relative;z-index:1;}
.box_design01_text{
	position:relative;
	width:55%;
	background:#fff;
	padding:3rem 6rem;
	z-index:10;
}
.box_design01_text02{
	position:relative;
	width:55%;
	background:#fff;
	padding:3rem;
	margin-left:-5rem;
	z-index:10;
}

.box_design02{
	display:flex;
	align-items:center;
	justify-content:end;
	flex-direction:row-reverse;	
}
.box_design02_img{width:80%;position:relative;z-index:1;}
.box_design02_text{
	position:relative;
	width:40%;
	background:#fff;
	padding:3rem;
	margin-left:-5rem;
	z-index:10;
}

.box_design03{
	display:flex;
	justify-content:start;
	background:#f9f9f9;
	border-radius:8px;
}
.box_design03_img{
	width:30%;
	overflow:hidden;
	margin:0;
}

.box_design03_img img{
	width: 100%;
	min-height: 260px;
	object-fit: cover; 
}
.box_design03_text{
	width:70%;
	padding:15px;
	overflow:hidden;	
}


.box_design001{
	border-radius:16px;
	background:#f5f5f5;
	padding:3rem;
}

.box_design002{
	border-radius:16px;
	background:rgba(14, 110, 184,0.1);
	padding:3rem;
}

.box_design003{
	background:#f9f9f9;
	padding:3rem 1rem;
}

.box_design004{
	background:#f9f9f9;
	padding:5rem;
}




.ul_sikaku{
	display:flex;
	flex-wrap:wrap;
}


.ul_sikaku li{
	font-weight:500;
	position:relative;
	border-bottom:1px dotted #737373;
	margin:5px 7px;
	padding:5px;
}
.ul_sikaku li span{
display:inline-block;
	margin-left:5px;
}

.ul_design001 li{
	border:1px solid #1b2b6f;
	color:#1b2b6f;
	letter-spacing:3px;
	padding:5px 15px;
}

.ul_design002{
	display:flex;
	flex-wrap:wrap;
	gap:10px;
}
.ul_design002 li{
	border:1px solid #1b2b6f;
	color:#1b2b6f;
	border-radius:4px;
	letter-spacing:3px;
	padding:5px 15px;
	line-height:1;
}

.ul_design003{
	display:flex;
	flex-wrap:wrap;
	gap:10px;
}
.ul_design003 li{
	font-size:14px;
	background:#0e6eb8;
	color:#fff;
	border-radius:4px;
	letter-spacing:3px;
	padding:5px 15px;
	line-height:1;
}

.table_design02 table{
  border-collapse:separate;
  border-spacing: 5px;
  width: 100%;
	border:none;
}

.table_design02 table th,.table_design02 table td{
  border-radius: 5px;
  padding:25px;
}

.table_design02 table td:first-child{
  background-color: #1b2b6f;
  color: white;
text-align:center;
  border:solid 1px #f5f5f5;
}
.table_design02 table th:first-child{
  background-color: #0e6eb8;
  color: white;
text-align:center;	
  border:solid 1px #f5f5f5;
}

.table_design02 table td{
  background-color: #edf2f7;
  border:solid 1px #f5f5f5;
}


.table_design03 table{
  border-collapse:separate;
  border-spacing: 5px;
  width: 100%;
	border:none;
}

.table_design03 table th,.table_design03 table td{
  border-radius: 5px;
  padding:25px;
}

.table_design03 table td:first-child{
  background-color: #575857;
  color: white;
text-align:center;
	border:solid 1px #f5f5f5;
}
.table_design03 table th:first-child{
  background-color: #575857;
  color: white;
text-align:center;	
  border:solid 1px #f5f5f5;
}

.table_design03 table td{
  background-color: #f5f5f5;
  border:solid 1px #f5f5f5;
}



.reverse{flex-direction:row-reverse!important;}
.ff01 {
  font-family: "Sawarabi Gothic", sans-serif;
  font-weight: 400;
  font-style: normal;
}

.ff02 {
  font-family: "Work Sans", sans-serif;
  font-weight: 400;	
  font-style: normal;
}

.icon {
    display: inline-block !important;
    overflow: hidden;
margin-bottom:-5px;
}

.br_mob{display:none!important;}

.box_scroll{
    display: flex;
    align-items: center;
    justify-content:center;
	gap: 2rem;
	position:relative;
	width:100%;
	padding:0;
	-webkit-overflow-scrolling:touch;
	overflow-scrolling:touch;
	overflow-x: scroll;
	white-space: nowrap;
	box-sizing:border-box;
	overflow-y:hidden;	
}	

.box_scroll::-webkit-scrollbar {
  display: none;
}


.box_scroll p{ 
	flex: 0 0 120px;			
	width:120px;
	}
.box_scroll li{ 
	flex: 0 0 120px;			
	width:120px;
	}


.items_c{align-items: center;}
.items_b{align-items: end;}
.gap05{gap:5px;}
.gap10{gap:10px;}
.gap15{gap:15px;}
.gap20{gap:20px;}
.gap25{gap:25px;}

.j_e{justify-content:end!important;}


/*********************
 * 会話ふきだし

[say name="サルワカくん" img="画像URL"]ここに文章[/say]

[say name="サルワカくん" img="画像URL" from="right"]ここに文章2[/say]

 *********************/
.say {
                display: table;
                overflow: hidden;
                width: 100%;
                margin: 1.5em 0
            }

            .faceicon {
                display: table-cell;
                width: 100px;
                padding-right: 20px;
                text-align: center;
                vertical-align: top
            }

            .faceicon img {
                width: 100%;
                height: auto;
                border: solid 3px #eaedf2;
                border-radius: 50%
            }

            .faceicon span {
                font-size: 11px;
                font-weight: 700;
                margin-top: 8px;
                line-height: 1.4;
                display: block
            }

            .chatting {
                display: table-cell;
                position: relative;
                width: calc(100% - 100px);
                font-size: .95em;
                vertical-align: top
            }

            .sc {
                display: inline-block;
                text-align: left;
                padding: 13px;
                border: solid 2px #d5d5d5;
                border-radius: 12px;
                background: #fff;
                word-break: break-word
            }

            .sc:before {
                display: inline-block;
                position: absolute;
                top: 18px;
                left: -23px;
                border: 12px solid transparent;
                border-right: 12px solid #d5d5d5;
                content: ""
            }

            .sc:after {
                display: inline-block;
                position: absolute;
                top: 18px;
                left: -20px;
                border: 12px solid transparent;
                border-right: 12px solid #fff;
                content: ""
            }

            .sc p {
                margin: 5px 0;
                padding: 0
            }

            .right {
                text-align: right
            }

            .right .faceicon {
                padding: 0 0 0 20px
            }

            .right .sc:after,.right .sc:before {
                right: -23px;
                left: auto;
                border: 12px solid transparent;
                border-left: 12px solid #d5d5d5
            }

            .right .sc:after {
                right: -20px;
                border-left-color: #fff
            }


@media only screen and (min-width: 768px){
.sc {
    padding: 20px;
}
}

@media only screen and (min-width: 481px){
.sc:after, .sc:before {
    top: 30px;
}
.sc:after, .sc:before {
    top: 30px;
}
.chatting {
    padding-top: 15px;
    width: calc(100% - 130px);
}	
}

/*ボタン*/

.btn,
.btn::before,
.btn::after {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: all .3s;
  transition: all .3s;
}


.btn01 {
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
	width:250px;
    padding:5px 15px;
    border: none;
    background-color: #fff;
    color: #1b2b6f;
    font-size: 1em;
}

.btn01::before {
    position: absolute;
    transform: skewX(-25deg);
    width: 100%;
    height: 100%;
    border: 1px solid #1b2b6f;
    content: '';
}

.btn01::after {
    position: absolute;
    right: -2rem;
    transform: translateY(-50%);
    transform-origin: left;
    width: 4em;
    height: 5px;
    background-color: #1b2b6f;
	clip-path: polygon(0 100%, 100% 100%, 80% 10%, 80% 90%, 0% 90%);
    content: '';
    transition: transform .3s;
}
.btn01:hover::after {
    transform: translateY(-50%) scaleX(1.4);
	background-color: #0C1844;
}
.btn01:hover::before {
    border: 1px solid #0C1844;
}
.btn01:hover{
	color:#0C1844;
}


.btn02 {
	width:260px;
    display: flex;
    justify-content: center;
    position: relative;
  border: 2px solid #0C1844; /* 線幅・種類・色 */
  border-radius: 0;
  color: #0C1844; /* 文字色 */
  background: #fff; /* 背景色 */
  box-shadow: 4px 4px 0 #0C1844; /* 影の距離・色 */
  padding: 5px 2em;
  font-weight: bold; /*文字の太さ*/
  text-decoration: none;
  text-align: center;
  transition: 0.3s;
}

/* マウスオーバーした際のデザイン */
.btn02:hover {
	color:#0C1844;
  box-shadow: -4px -4px 0 #0C1844 ;/* 影の距離・色 */
}

.btn03 {
  position: relative;
  z-index: 2;
  background-color: #fff;
  color: #fff;
  overflow: hidden;
	padding:15px 15px;
	border-radius:4px;
  background: linear-gradient(45deg, #0e6eb8 55%, #1b2b6f);	
}
.btn03:hover {
  color: #fff;
}
.btn03::after {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.btn03:hover::after {
  -webkit-transform: scale(2) rotate(180deg);
  transform: scale(2) rotate(180deg);
  background: #333;
}

.btn04 {
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
	width:250px;
    padding:5px 15px;
    border: none;
    background-color: #fff;
    color: #fe0100;
    font-size: 1em;
}

.btn04::before {
    position: absolute;
    transform: skewX(-25deg);
    width: 100%;
    height: 100%;
    border: 1px solid #fe0100;
    content: '';
}

.btn04::after {
    position: absolute;
    right: -2rem;
    transform: translateY(-50%);
    transform-origin: left;
    width: 4em;
    height: 5px;
    background-color: #fe0100;
	clip-path: polygon(0 100%, 100% 100%, 80% 10%, 80% 90%, 0% 90%);
    content: '';
    transition: transform .3s;
}
.btn04:hover::after {
    transform: translateY(-50%) scaleX(1.4);
	background-color: #0C1844;
}
.btn04:hover::before {
    border: 1px solid #0C1844;
}
.btn04:hover{
	color:#0C1844;
}




.btn05 {
	width:100px;
	height:100px;
    display: flex;
    justify-content: center;
	align-items:center;
    position: relative;
  border: 2px solid #fff; /* 線幅・種類・色 */
  border-radius: 50%;
  color: #fff; /* 文字色 */
  font-weight: bold; /*文字の太さ*/
  text-decoration: none;
  text-align: center;
  transition: 0.3s;
}

/* マウスオーバーした際のデザイン */
.btn05:hover {
	color:#fff;
  box-shadow: -4px -4px 0 #fff ;/* 影の距離・色 */
}



.btn06 {
    display: flex;
    justify-content: center;
    position: relative;
  border: 2px solid #0e6eb8; /* 線幅・種類・色 */
  border-radius: 0;
  color: #0e6eb8; /* 文字色 */
  background: #fff; /* 背景色 */
  box-shadow: 4px 4px 0 #0e6eb8; /* 影の距離・色 */
  padding: 5px 2em;
  font-weight: bold; /*文字の太さ*/
  text-decoration: none;
  text-align: center;
  transition: 0.3s;
}

/* マウスオーバーした際のデザイン */
.btn06:hover {
	color:#1b2b6f;
  box-shadow: -4px -4px 0 #1b2b6f ;/* 影の距離・色 */
}








.box_flex00{
display:flex;
justify-content:center;
}
.box_flex01{
display:flex;
  -webkit-flex-wrap: wrap;          /* Safari etc. */
  -ms-flex-wrap    : wrap;          /* IE10        */
  flex-wrap        : wrap;	
justify-content:space-between;
}


.box_flex02{
display:flex;
  -webkit-flex-wrap: wrap;          /* Safari etc. */
  -ms-flex-wrap    : wrap;          /* IE10        */
  flex-wrap        : wrap;	
justify-content:center;
}


.box_flex03{
display:flex;
  -webkit-flex-wrap: wrap;          /* Safari etc. */
  -ms-flex-wrap    : wrap;          /* IE10        */
  flex-wrap        : wrap;	
justify-content:flex-start;
}

.box_flex04{
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -ms-flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
}




/*必須項目・警告・エラーの文字色*/

.required{
	display: inline-block;
	padding: 5px 10px;
	margin-left:5px;
	border:1px solid #eb3b54;
	color: #eb3b54;
	font-size: 10px;
	font-weight:bold;
	line-height: 1.0;
}

.label_yellow{
	font-weight:bold;
    background:linear-gradient(transparent 60%, #ff6 60%);
}

.bdr,.bdr_gray{ border: 1px solid #ccc; }/*灰*/
.bdr_red{ border: 1px solid #e00000; }/*赤*/
.bdr_blue{ border: 1px solid #0329ce; }/*青*/
.bdr_green{ border: 1px solid #01995e; }/*緑*/
.bdr_yellow{ border: 1px solid #ffe400; }/*黄*/
.bdr_navy{ border: 1px solid #133d94; }/*紺*/
.bdr_orange{ border: 1px solid #eca100; }/*橙*/
.bdr_pink{ border: 1px solid #eb67b5; }/*ピンク*/
.bdr_lime{ border: 1px solid #2abe0d; }/*黄緑*/
.bdr_aqua{ border: 1px solid #0baedd; }/*水色*/
.bdr_black{ border: 1px solid #000; }/*黒*/

/*角丸*/
.bdr_r4{ border-radius: 4px; }
.bdr_r8{ border-radius: 8px; }
.bdr_12{ border-radius: 12px; }

/*文字の横位置*/
.al_l{ text-align: left!important; }
.al_r{ text-align: right!important; }
.al_c{ text-align: center!important; }
.al_f{ display: flex;justify-content: center;align-items: center;text-align:left;}
.al_j{ text-align: justify!important;;}
.al_o{ text-align: left!important;display:inline-block!important;}
.al_t{ margin: auto!important;display:table!important;}
/*使い方：<p class="al_c"><span class="al_o">ここに左寄せ中央配置したいテキスト</span></p>*/
/*使い方：<div class="al_t"><p>ここに左寄せ中央配置したいテキスト</p><p>ここに左寄せ中央配置したいテキスト</p></div>*/
/*文字の縦位置*/
.vl_t{ vertical-align: top!important; }/*上寄せ*/
.vl_m{ vertical-align: middle!important; }/*中央寄せ*/
.vl_b{ vertical-align: bottom!important; }/*下寄せ*/


.bdr_box{box-sizing: border-box;}
.hidden{overflow: hidden;}



/*周りのブロックからの距離（margin）*/

.m_auto{ margin-left: auto !important; margin-right: auto !important;}
.m_auto_l{ margin-left: auto !important; margin-right: 0!important;}

.m0{ margin: 0!important; }/*周りからのmarginを0に*/
.m0_t{ margin-top: 0!important; }/*上からのmarginを0に*/
.m0_r{ margin-right: 0!important; }/*右からのmarginを0に*/
.m0_b{ margin-bottom: 0!important; }/*下からのmarginを0に*/
.m0_l{ margin-left: 0!important; }/*左からのmarginを0に*/

.m5{ margin: 5px!important; }
.m5_t{ margin-top: 5px!important; }
.m5_r{ margin-right: 5px!important; }
.m5_b{ margin-bottom: 5px!important; }
.m5_l{ margin-left: 5px!important; }

.m10{ margin: 10px!important; }
.m10_t{ margin-top: 10px!important; }
.m10_r{ margin-right: 10px!important; }
.m10_b{ margin-bottom: 10px!important; }
.m10_l{ margin-left: 10px!important; }

.m15{ margin: 15px!important; }
.m15_t{ margin-top: 15px!important; }
.m15_r{ margin-right: 15px!important; }
.m15_b{ margin-bottom: 15px!important; }
.m15_l{ margin-left: 15px!important; }

.m20{ margin: 20px!important; }
.m20_t{ margin-top: 20px!important; }
.m20_r{ margin-right: 20px!important; }
.m20_b{ margin-bottom: 20px!important; }
.m20_l{ margin-left: 20px!important; }

.m25{ margin: 25px!important; }
.m25_t{ margin-top: 25px!important; }
.m25_r{ margin-right: 25px!important; }
.m25_b{ margin-bottom: 25px!important; }
.m25_l{ margin-left: 25px!important; }

.m30{ margin: 30px!important; }
.m30_t{ margin-top: 30px!important; }
.m30_r{ margin-right: 30px!important; }
.m30_b{ margin-bottom: 30px!important; }
.m30_l{ margin-left: 30px!important; }

.m40{ margin: 40px!important; }
.m40_t{ margin-top: 40px!important; }
.m40_r{ margin-right: 40px!important; }
.m40_b{ margin-bottom: 40px!important; }
.m40_l{ margin-left: 40px!important; }

.m50{ margin: 50px!important; }
.m50_t{ margin-top: 50px!important; }
.m50_r{ margin-right: 50px!important; }
.m50_b{ margin-bottom: 50px!important; }
.m50_l{ margin-left: 50px!important; }

.m60{ margin: 60px!important; }
.m60_t{ margin-top: 60px!important; }
.m60_r{ margin-right: 60px!important; }
.m60_b{ margin-bottom: 60px!important; }
.m60_l{ margin-left: 60px!important; }

.m70{ margin: 70px!important; }
.m70_t{ margin-top: 70px!important; }
.m70_r{ margin-right: 70px!important; }
.m70_b{ margin-bottom: 70px!important; }
.m70_l{ margin-left: 70px!important; }

.m80{ margin: 80px!important; }
.m80_t{ margin-top: 80px!important; }
.m80_r{ margin-right: 80px!important; }
.m80_b{ margin-bottom: 80px!important; }
.m80_l{ margin-left: 80px!important; }

.m90{ margin: 90px!important; }
.m90_t{ margin-top: 90px!important; }
.m90_r{ margin-right: 90px!important; }
.m90_b{ margin-bottom: 90px!important; }
.m90_l{ margin-left: 90px!important; }

.m100{ margin: 100px!important; }
.m100_t{ margin-top: 100px!important; }
.m100_r{ margin-right: 100px!important; }
.m100_b{ margin-bottom: 100px!important; }
.m100_l{ margin-left: 100px!important; }

.m120{ margin: 120px!important; }
.m120_t{ margin-top: 120px!important; }
.m120_r{ margin-right: 120px!important; }
.m120_b{ margin-bottom: 120px!important; }
.m120_l{ margin-left: 120px!important; }

.m150{ margin: 150px!important; }
.m150_t{ margin-top: 150px!important; }
.m150_r{ margin-right: 150px!important; }
.m150_b{ margin-bottom: 150px!important; }
.m150_l{ margin-left: 150px!important; }

.m200{ margin: 200px!important; }
.m200_t{ margin-top: 200px!important; }
.m200_r{ margin-right: 200px!important; }
.m200_b{ margin-bottom: 200px!important; }
.m200_l{ margin-left: 200px!important; }

.m300{ margin: 300px!important; }
.m300_t{ margin-top: 300px!important; }
.m300_r{ margin-right: 300px!important; }
.m300_b{ margin-bottom: 300px!important; }
.m300_l{ margin-left: 300px!important; }


/*周りのブロックからの距離（padding）*/
.p0{ padding: 0!important; }
.p0_t{ padding-top: 0!important; }
.p0_r{ padding-right: 0!important; }
.p0_b{ padding-bottom: 0!important; }
.p0_l{ padding-left: 0!important; }

.p5{ padding: 5px!important; }
.p5_t{ padding-top: 5px!important; }
.p5_r{ padding-right: 5px!important; }
.p5_b{ padding-bottom: 5px!important; }
.p5_l{ padding-left: 5px!important; }

.p10{ padding: 10px!important; }
.p10_t{ padding-top: 10px!important; }
.p10_r{ padding-right: 10px!important; }
.p10_b{ padding-bottom: 10px!important; }
.p10_l{ padding-left: 10px!important; }

.p15{ padding: 15px!important; }
.p15_t{ padding-top: 15px!important; }
.p15_r{ padding-right: 15px!important; }
.p15_b{ padding-bottom: 15px!important; }
.p15_l{ padding-left: 15px!important; }

.p20{ padding: 20px!important; }
.p20_t{ padding-top: 20px!important; }
.p20_r{ padding-right: 20px!important; }
.p20_b{ padding-bottom: 20px!important; }
.p20_l{ padding-left: 20px!important; }

.p25{ padding: 25px!important; }
.p25_t{ padding-top: 25px!important; }
.p25_r{ padding-right: 25px!important; }
.p25_b{ padding-bottom: 25px!important; }
.p25_l{ padding-left: 25px!important; }

.p30{ padding: 30px!important; }
.p30_t{ padding-top: 30px!important; }
.p30_r{ padding-right: 30px!important; }
.p30_b{ padding-bottom: 30px!important; }
.p30_l{ padding-left: 30px!important; }

.p40{ padding: 40px!important; }
.p40_t{ padding-top: 40px!important; }
.p40_r{ padding-right: 40px!important; }
.p40_b{ padding-bottom: 40px!important; }
.p40_l{ padding-left: 40px!important; }

.p50{ padding: 50px!important; }
.p50_t{ padding-top: 50px!important; }
.p50_r{ padding-right: 50px!important; }
.p50_b{ padding-bottom: 50px!important; }
.p50_l{ padding-left: 50px!important; }

.p60{ padding: 60px!important; }
.p60_t{ padding-top: 60px!important; }
.p60_r{ padding-right: 60px!important; }
.p60_b{ padding-bottom: 60px!important; }
.p60_l{ padding-left: 60px!important; }

.p70{ padding: 70px!important; }
.p70_t{ padding-top: 70px!important; }
.p70_r{ padding-right: 70px!important; }
.p70_b{ padding-bottom: 70px!important; }
.p70_l{ padding-left: 70px!important; }

.p80{ padding: 80px!important; }
.p80_t{ padding-top: 80px!important; }
.p80_r{ padding-right: 80px!important; }
.p80_b{ padding-bottom: 80px!important; }
.p80_l{ padding-left: 80px!important; }

.p90{ padding: 90px!important; }
.p90_t{ padding-top: 90px!important; }
.p90_r{ padding-right: 90px!important; }
.p90_b{ padding-bottom: 90px!important; }
.p90_l{ padding-left: 90px!important; }

.p100{ padding: 100px!important; }
.p100_t{ padding-top: 100px!important; }
.p100_r{ padding-right: 100px!important; }
.p100_b{ padding-bottom: 100px!important; }
.p100_l{ padding-left: 100px!important; }


	/*周りのブロックからの距離（margin）*/
	.m10_20_t{ margin-top: 20px!important; }
	.m15_30_t{ margin-top: 30px!important; }
	.m20_40_t{ margin-top: 40px!important; }
	.m25_50_t{ margin-top: 50px!important; }
	.m30_60_t{ margin-top: 60px!important; }
	.m35_70_t{ margin-top: 70px!important; }
	.m40_80_t{ margin-top: 80px!important; }
	.m45_90_t{ margin-top: 90px!important; }
	.m50_100_t{ margin-top: 100px!important; }
	.m60_120_t{ margin-top: 120px!important; }
	.m70_140_t{ margin-top: 140px!important; }
	.m80_160_t{ margin-top: 160px!important; }
	.m90_180_t{ margin-top: 180px!important; }
	.m100_200_t{ margin-top: 200px!important; }
	.m150_300_t{ margin-top: 300px!important; }
	.m200_400_t{ margin-top: 400px!important; }


	.m10_20_b{ margin-bottom: 20px!important; }
	.m15_30_b{ margin-bottom: 30px!important; }
	.m20_40_b{ margin-bottom: 40px!important; }
	.m25_50_b{ margin-bottom: 50px!important; }
	.m30_60_b{ margin-bottom: 60px!important; }
	.m35_70_b{ margin-bottom: 70px!important; }
	.m40_80_b{ margin-bottom: 80px!important; }
	.m45_90_b{ margin-bottom: 90px!important; }
	.m50_100_b{ margin-bottom: 100px!important; }
	.m60_120_b{ margin-bottom: 120px!important; }
	.m70_140_b{ margin-bottom: 140px!important; }
	.m80_160_b{ margin-bottom: 160px!important; }
	.m90_180_b{ margin-bottom: 180px!important; }
	.m100_200_b{ margin-bottom: 200px!important; }
	.m150_300_b{ margin-bottom: 300px!important; }
	.m200_400_b{ margin-bottom: 400px!important;}





/*フォントの装飾*/
.b{font-weight: bold!important; }/*太字*/
.normal{ font-weight: normal!important; }/*太字を解除*/




/*フォントサイズの設定*/

.f06em{ font-size: 0.6em!important; }
.f08em{ font-size: 0.8em!important; }
.f09em{ font-size: 0.9em!important; }
.f10em{ font-size: 1.0em!important; }
.f11em{ font-size: 1.1em!important; }
.f12em{ font-size: 1.2em!important; }
.f13em{ font-size: 1.3em!important; }
.f14em{ font-size: 1.4em!important; }
.f15em{ font-size: 1.5em!important; }
.f16em{ font-size: 1.6em!important; }
.f17em{ font-size: 1.7em!important; }
.f18em{ font-size: 1.8em!important; }
.f19em{ font-size: 1.9em!important; }
.f20em{ font-size: 2.0em!important; }
.f21em{ font-size: 2.1em!important; }
.f22em{ font-size: 2.2em!important; }
.f23em{ font-size: 2.3em!important; }
.f24em{ font-size: 2.4em!important; }
.f25em{ font-size: 2.5em!important; }
.f26em{ font-size: 2.6em!important; }
.f27em{ font-size: 2.7em!important; }
.f28em{ font-size: 2.8em!important; }
.f29em{ font-size: 2.9em!important; }
.f30em{ font-size: 3.0em!important; }

.f08rem{ font-size: 0.8rem!important; }
.f09rem{ font-size: 0.9rem!important; }
.f10rem{ font-size: 1.0rem!important; }
.f11rem{ font-size: 1.1rem!important; }
.f12rem{ font-size: 1.2rem!important; }
.f13rem{ font-size: 1.3rem!important; }
.f14rem{ font-size: 1.4rem!important; }
.f15rem{ font-size: 1.5rem!important; }
.f16rem{ font-size: 1.6rem!important; }
.f17rem{ font-size: 1.7rem!important; }
.f18rem{ font-size: 1.8rem!important; }
.f19rem{ font-size: 1.9rem!important; }
.f20rem{ font-size: 2.0rem!important; }
.f21rem{ font-size: 2.1rem!important; }
.f22rem{ font-size: 2.2rem!important; }
.f23rem{ font-size: 2.3rem!important; }
.f24rem{ font-size: 2.4rem!important; }
.f25rem{ font-size: 2.5rem!important; }
.f26rem{ font-size: 2.6rem!important; }
.f27rem{ font-size: 2.7rem!important; }
.f28rem{ font-size: 2.8rem!important; }
.f29rem{ font-size: 2.9rem!important; }
.f30rem{ font-size: 3.0rem!important; }

.f10px{ font-size: 10px!important; }
.f11px{ font-size: 11px!important; }
.f12px{ font-size: 12px!important; }
.f13px{ font-size: 13px!important; }
.f14px{ font-size: 14px!important; }
.f15px{ font-size: 15px!important; }
.f16px{ font-size: 16px!important; }
.f17px{ font-size: 17px!important; }
.f18px{ font-size: 18px!important; }
.f19px{ font-size: 19px!important; }
.f20px{ font-size: 20px!important; }
.f21px{ font-size: 21px!important; }
.f22px{ font-size: 22px!important; }
.f23px{ font-size: 23px!important; }
.f24px{ font-size: 24px!important; }


.f08_10px{ font-size: 8px!important; }
.f08_12px{ font-size: 8px!important; }
.f08_14px{ font-size: 8px!important; }

.f10_12px{ font-size: 10px!important; }
.f10_14px{ font-size: 10px!important; }
.f10_16px{ font-size: 10px!important; }

.f12_14px{ font-size: 12px!important; }
.f12_16px{ font-size: 12px!important; }
.f12_18px{ font-size: 12px!important; }

.f14_16px{ font-size: 14px!important; }
.f14_18px{ font-size: 14px!important; }
.f14_20px{ font-size: 14px!important; }



.f10_20rem{ font-size: 2.0rem!important; }
.f10_30rem{ font-size: 2.0rem!important; }
.f20_30rem{ font-size: 3.0rem!important; }
.f20_40rem{ font-size: 4.0rem!important; }
.f30_60rem{ font-size: 6.0rem!important; }

/*フォントの色設定*/
.red{ color: #e00000!important; }/*赤*/
.blue{ color: #0329ce!important; }/*青*/
.green{ color: #01995e!important; }/*緑*/
.yellow{ color: #ffe400!important; }/*黄*/
.navy{ color: #133d94!important; }/*紺*/
.orange{ color: #eca100!important; }/*橙*/
.pink{ color: #eb67b5!important; }/*ピンク*/
.purple{ color: #9940d2!important; }/*紫*/
.olive{ color: #9bb814!important; }/*オリーブ*/
.lime{ color: #2abe0d!important; }/*黄緑*/
.aqua{ color: #0baedd!important; }/*水色*/
.black{ color: #000!important; }/*黒*/
.gray{ color: #999!important; }/*灰*/
.white{ color: #fff!important; }/*白*/
.brown{ color: #4b1c1c!important; }/*茶*/


/*行間の設定*/
.lh10{ line-height: 1.0!important; }
.lh11{ line-height: 1.1!important; }
.lh12{ line-height: 1.2!important; }
.lh13{ line-height: 1.3!important; }
.lh14{ line-height: 1.4!important; }
.lh15{ line-height: 1.5!important; }
.lh16{ line-height: 1.6!important; }
.lh17{ line-height: 1.7!important; }
.lh18{ line-height: 1.8!important; }
.lh19{ line-height: 1.9!important; }
.lh20{ line-height: 2.0!important; }

/*テキスト間隔*/
.ls1px {letter-spacing:1px!important; }
.ls2px {letter-spacing:2px!important; }
.ls3px {letter-spacing:3px!important; }
.ls4px {letter-spacing:4px!important; }
.ls5px {letter-spacing:5px!important; }
.ls6px {letter-spacing:6px!important; }
.ls7px {letter-spacing:7px!important; }
.ls8px {letter-spacing:8px!important; }
.ls9px {letter-spacing:9px!important; }
.ls10px {letter-spacing:10px!important; }
.ls15px {letter-spacing:15px!important; }
.ls20px {letter-spacing:20px!important; }
.ls25px {letter-spacing:25px!important; }
.ls30px {letter-spacing:30px!important; }
.ls35px {letter-spacing:35px!important; }



/*テーブル横幅を指定*/
.tw05{ width: 5%; }
.tw10{ width: 10%; }
.tw15{ width: 15%; }
.tw20{ width: 20%; }
.tw25{ width: 25%; }
.tw30{ width: 30%; }
.tw35{ width: 35%; }
.tw40{ width: 40%; }
.tw45{ width: 45%; }
.tw50{ width: 50%; }
.tw55{ width: 55%; }
.tw60{ width: 60%; }
.tw65{ width: 65%; }
.tw70{ width: 70%; }
.tw75{ width: 75%; }
.tw80{ width: 80%; }
.tw85{ width: 85%; }
.tw90{ width: 90%; }
.tw95{ width: 95%; }
.tw100{ width: 100%; }

.w150px{width:150px;}
.w200px{width:200px;}

/*横幅を指定*/
.w05{ width: 5%!important; }
.w10{ width: 10%!important; }
.w15{ width: 15%!important; }
.w16{ width: 16%!important; }
.w17{ width: 17%!important; }
.w18{ width: 18%!important; }
.w19{ width: 19%!important; }
.w20{ width: 20%!important; }
.w21{ width: 21%!important; }
.w22{ width: 22%!important; }
.w23{ width: 23%!important; }
.w24{ width: 24%!important; }
.w25{ width: 25%!important; }
.w30{ width: 30%!important; }
.w31{ width: 31%!important; }
.w32{ width: 32%!important; }
.w33{ width: 33%!important; }
.w35{ width: 35%!important; }
.w40{ width: 40%!important; }
.w45{ width: 45%!important; }
.w48{ width: 48%!important; }
.w49{ width: 49%!important; }
.w50{ width: 50%!important; }
.w55{ width: 55%!important; }
.w60{ width: 60%!important; }
.w65{ width: 65%!important; }
.w70{ width: 70%!important; }
.w75{ width: 75%!important; }
.w80{ width: 80%!important; }
.w85{ width: 85%!important; }
.w90{ width: 90%!important; }
.w95{ width: 95%!important; }
.w100{ width: 100%!important; }


.w150{ width: 150px!important; }
.w250{ width: 250px!important; }


.img_design01 img{
	width:100%;
	height:200px;
	object-fit:cover;
}

/*タブ　tabu*/
@media (max-width : 1300px){

.box_design002 {
    padding:3rem 1rem;
}	
	
}
	

@media
only screen and (max-width : 1025px){
.box_design01{justify-content:center;flex-wrap:wrap!important;}	

.box_design01_text,.box_design01_text02{width:100%;margin-right:0;margin-left:0;padding:1rem 3rem;}	
.box_design01_img{width:100%;}
.ul_design002 li {font-size:12px;}		
	

	
.box_design03 {flex-wrap:wrap;display:block;}	
.box_design03_text{width:100%;}	
.box_design03_img{width:100%;}	
.box_design03_img img {min-height: 180px;height: 180px;}	
	
.box_design002 {
    padding: 2rem 15px;
}	
	
	
.box_design004 {
    padding:2rem 15px;
}	
	.ul_sikaku{justify-content:space-between;}	
	.ul_sikaku li {
		margin:5px;
		font-size:14px;
		padding:7px 2rem 7px 7px;
	}	


	

.box_scroll::-webkit-scrollbar {
  display: block;	
    width: 10px;
    height: 10px;
}
.box_scroll::-webkit-scrollbar-thumb {
    background: #00608d;
}
.box_scroll::-webkit-scrollbar-track {
    background: #bbdbf3;
}	
	
}



@media
only screen and (max-width : 800px){


/*横幅を指定*/
.w05,
.w10,
.w15,
.w18,
.w20,
.w24,
.w25,
.w30,
.w31,
.w32,
.w33,
.w35,
.w40,
.w45,
.w48,
.w49,
.w50,
.w55,
.w60,
.w65,
.w70,
.w75,
.w80,
.w85,
.w90,
.w95,
.w100{ width: 100%!important; }


.f10_20rem{ font-size: 1.0rem!important; }
.f10_30rem{ font-size: 1.0rem!important; }
.f20_30rem{ font-size: 2.0rem!important; }
.f20_40rem{ font-size: 2.0rem!important; }


/*上下にモバイルとデスクトップで異なるサイズの余白を空ける*/
.m10_20_t{ margin-top: 10px!important; }/*モバイルのときは10pxでPCのときは20px*/
.m15_30_t{ margin-top: 15px!important; }
.m20_40_t{ margin-top: 20px!important; }
.m25_50_t{ margin-top: 25px!important; }
.m30_60_t{ margin-top: 30px!important; }
.m35_70_t{ margin-top: 35px!important; }
.m40_80_t{ margin-top: 40px!important; }
.m45_90_t{ margin-top: 45px!important; }
.m50_100_t{ margin-top: 50px!important; }
.m60_120_t{ margin-top: 60px!important; }
.m70_140_t{ margin-top: 70px!important; }
.m80_160_t{ margin-top: 80px!important; }
.m90_180_t{ margin-top: 90px!important; }
.m100_200_t{ margin-top: 100px!important; }
.m150_300_t{ margin-top: 150px!important; }
.m200_400_t{ margin-top: 200px!important; }

.m10_20_b{ margin-bottom: 10px!important; }
.m15_30_b{ margin-bottom: 15px!important; }
.m20_40_b{ margin-bottom: 20px!important; }
.m25_50_b{ margin-bottom: 25px!important; }
.m30_60_b{ margin-bottom: 30px!important; }
.m35_70_b{ margin-bottom: 35px!important; }
.m40_80_b{ margin-bottom: 40px!important; }
.m45_90_b{ margin-bottom: 45px!important; }
.m50_100_b{ margin-bottom: 50px!important; }
.m60_120_b{ margin-bottom: 60px!important; }
.m70_140_b{ margin-bottom: 70px!important; }
.m80_160_b{ margin-bottom: 80px!important; }
.m90_180_b{ margin-bottom: 90px!important; }
.m100_200_b{ margin-bottom: 100px!important; }
.m150_300_b{ margin-bottom: 150px!important; }
.m200_400_b{ margin-bottom: 200px!important; }


.br_mob{display:block!important;}


	.table_design01 td,.table_design01 th{display:block;}
	.table_design02 td,.table_design02 th{display:block;}
	.table_design03 td,.table_design03 th{display:block;}	
	
	
.h_design002 {
    font-size: 1.8rem;

}

	
}


/*---------------------------------------------------------------------
	generated by Keni Template Maker Ver.8.0 on 2018-11-28 11:44:44
----------------------------------------------------------------------*/