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


/* ルートのフォントサイズを10pxに設定しておく */
html {
	font-size: 62.5%;
	min-width: 1280px;
}

/* デフォルトのフォントサイズを1.6em（16pxと同等のサイズ）に設定 */
body {
	font-size: 1.6em;
	font-family: YuGothic,'Yu Gothic',YuGothic,'Yu Gothic','Hiragino Kaku Gothic ProN','ヒラギノ角ゴ ProN W3','Arial','Helvetica','Avenir',sans-serif;
	color: #595757;
	
}

p {
	line-height: 2;
}

a:hover {
	opacity: 0.6;
}

/*共通*/
.c_ush {
	display: none;
}

.c_trs {
	transition: .3s ease-in-out;
}
.c_pd {
	padding-bottom: 160px;
}

.c_hdn {
	overflow: hidden;
}

.c_btn {
	color: #fff;
	background: #DD8D9F;
	text-align: center;
	display: block;
	position: relative;
	overflow: hidden;
	border: 3px #DD8D9F solid;
}

.c_btn:hover {
	cursor: pointer;
	color: #DD8D9F;
	background: #fff;
}

.c_btn:before,
.c_btn:after {
	content: '';
	position: absolute;
	z-index: -1;
	display: block;
}

.c_btn,
.c_btn:before,
.c_btn:after {
	-webkit-transition: all .3s;
  	transition: all .3s;
}

.c_ttl {
	font-size: 32px;
	font-weight: bold;
	margin-bottom: 40px;
	text-align: center;

}

.mgn_16 {
	margin-bottom: 16px;
}

.mgn_24 {
	margin-bottom: 24px;
}

.mgn_32 {
	margin-bottom: 32px;
}

.mgn_40 {
	margin-bottom: 40px;
}



.txt_spc {
	padding-bottom: 16px;
    display: inline-block;
}

.txt_right {
	text-align: right;
	display: block;
}

.txt_center {
	text-align: center;
	display: block;
}

.txt_left {
	text-align: left;
	display: block;
}

.bld {
	font-weight: bold;
}

.db {
	display: block;
}

.dib {
	display: inline-block;
}

.di {
	display: inline;
}

.sa {
	opacity: 0;
	transition: 1s;
}

.sa.show {
	opacity: 1;
	-webkit-transform: translate(0,0);
	transform: translate(0,0);
}

.sa_up {
	opacity: 0;
	transition: 1s;
	-webkit-transform: translate(0, 50px);
    transform: translate(0, 50px);
}

.sa_up.show {
	opacity: 1;
	-webkit-transform: translate(0,0);
	transform: translate(0,0);
}


/*レイアウト*/
.l_container {
	overflow: hidden;
	position: relative;
}

.l_inner {
	max-width: 1040px;
	margin: 0 auto;
	position: relative;
}




header {
	width: 100vw;
	margin: 0px auto;
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	position: fixed;
	background: #fff;
	z-index: 9999;
	box-shadow: 0px 4px 20px -2px rgba(0,0,0,0.1);
}

.header_logo {
	width: 150px;
	margin-left: 32px;
    padding: 8px 0 0 0;
}

.header_nav {
	position: relative;
}

.header_nav_conts_list {
	display: inline-block;
	font-weight: bold;
}

.header_nav_conts_list a {
	display: block;
	color: #000;
    padding: 41px 0;
}

.header_nav_conts_list + .header_nav_conts_list {
	margin-left: 32px;
}

.header_nav_conts .shop_btn {
	width: 200px;
	background: #A3D6D6;
	text-align: center;
}

.header_nav_conts .contact_btn {
	width: 200px;
	background: #DD8D9F;
	text-align: center;
	margin-left: 0;
}

/*ページ内リンク調整*/
.about .c_ttl, .case .c_ttl, .use .c_ttl, .guide .c_ttl {
	margin-top: -200px;
	padding-top: 200px;
}

.mv {
	min-width: 1040px;
	margin: 0 auto;
	position: relative;
	height: 100vh;
}

.mv_img {
	width: 640px;
	position: absolute;
	top: 180px;
	left: 140px;
}

.mv_img:before {
	content: "";
	width: 60vw;
	height: 70vh;
	background: #E5FAFA;
	border-radius: 32px;
	position: absolute;
	bottom: 0;
    left: -240px;
    z-index: -1;
	
}

.mv_copy {
	width: auto;
	position: absolute;
	top: 232px;
	right: 180px;
	text-align: center;
}

.mv_copy_logo {
	width: 320px;
	margin: 0 auto;
	margin-bottom: 40px;
}

.mv_copy_main {
	font-size: 64px;
	font-weight: bold;
	color: #C15074;
	margin: 0 auto;
	margin-bottom: 16px;
}

.mv_copy_main .dot {
	position: relative;
	padding-top: 32px;
}

.mv_copy_main .dot:before {
	content: "・";
	position: absolute;
    top: 0;
    left: 50%;
    transform: translate(-50%, 0);
    font-size: 40px;
}

.mv_copy_sub {
	font-size: 24px;
	font-weight: bold;
	color: #595757;
	margin-bottom: 40px;
}

.mv_copy_btn {
	width: 240px;
	font-size: 20px;
	font-weight: bold;
	text-align: center;
	background: #DD8D9F;
	margin: 0 auto;
	padding: 24px 40px;
}

/*

trouble

*/

.box {
	margin-top: 120px;
}

.trouble.box {
	margin-top: 200px;
}

.trouble .l_inner {
	width: 800px;
}

.trouble_list_item {
	position: relative;
}

.trouble_list_item.bub_left p:before {
  content: "";
  position: absolute;
  top: 50%;
  left: -30px;
  margin-top: -32px;
  border: 15px solid transparent;
  border-right: 15px solid #E5FAFA;
}

.trouble_list_item.bub_right p:before {
  content: "";
  position: absolute;
  top: 50%;
  left: 100%;
  margin-top: -32px;
  border: 15px solid transparent;
  border-left: 15px solid #E5FAFA;
}

.trouble_list_item p {
	font-size: 24px;
	background: #E5FAFA;
	padding: 24px;
	margin-bottom: 40px;
    border-radius: 16px;
    display: inline-block;
}

.trouble_list_item.bub_right {
	text-align: right;
}

.trouble_tie {
	position: relative;
	font-size: 32px;
	font-weight: bold;
	margin: 80px auto;
	text-align: center;
}

.trouble_tie p {
	border-bottom: 7px #DD8D9F double;
    display: inline-block;
}


.trouble_tie:before {
    content: "";
    position: absolute;
    width: 10px;
    height: 42px;
    top: -48px;
    left: 50%;
    transform: translateX(-50%);
    background-size: cover;
    background-image: url(../../kurios/images/arr_btm.png);
}

.trouble_tie:after {
    content: "";
    position: absolute;
    width: 48px;
    height: 64px;
    bottom: -88px;
    left: 50%;
    transform: translateX(-50%);
    background-size: cover;
    background-image: url(../../kurios/images/arr_top.png);
}

/*

about

*/


.about.box {
	padding-top: 120px;
	background: #F5F5F5;
	margin-top: -32px;
	height: 800px;
}

.about_txt {
	width: 640px;
	margin: 0 auto 40px auto;
}

.about_box {
	width: 1200px;
	margin: 0 auto;
	padding: 80px;
	border-radius: 16px;
	background: #A3D6D6;
}

.about_box_list01 {
  	display:-webkit-box;
  	display:-ms-flexbox;
  	display:flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	margin-bottom: 80px;
}

.about_box_list01_item {
	position: relative;
	width: 472px;
	color: #fff;
	background: #DD8D9F;
	font-size: 24px;
	padding: 32px;
	text-align: center;
}

.about_box_list01_item:last-child:after {
	content: "";
	width: 24px;
	height: 24px;
	position: absolute;
	top: 32px;
    left: -59px;
	background: url(../../kurios/images/plus.png);
	background-size: cover;
}

.about_box_list02 {
  	display:-webkit-box;
  	display:-ms-flexbox;
  	display:flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;	
}

.about_box_list02_item {
	width: 236px;
	padding: 32px 16px;
	border-radius: 16px;
	background: #E5FAFA;
	box-shadow: 8px 8px 8px 1px rgba(0,0,0,0.1);
}

.about_box_list02_item_img {
	width: 140px;
	margin: 0 auto 24px auto;
}

.about_box_list02_item_ttl {
	font-size: 20px;
	font-weight: bold;
	text-align: center;
	margin-bottom: 16px;
}

/*

case

*/

.case.box {
	margin-top: 360px;
}

.case_list_item {
	width: 100%;
	border-radius: 16px;
	background: #E5FAFA;
    padding: 40px 48px 40px 72px;
	margin-bottom: 40px;
	box-shadow: 8px 8px 8px 1px rgba(0,0,0,0.1);
	display:-webkit-box;
  	display:-ms-flexbox;
  	display:flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;	
}

.case_list_item_box {
	width: 160px;
}

.case_list_item_box:nth-child(1) {
	text-align: center;
}

.case_list_item_box:nth-child(2) {
	width: 696px;
}



.case_list_item_box_img {
	width: 160px;
	margin-bottom: 16px;
}

.case_list_item_box_cap {
	font-size: 20px;
	font-weight: bold;
}

.case_list_item_box_ttl {
	font-size: 24px;
	font-weight: bold;
	margin-bottom: 24px;
}

/*

use

*/

.use_txt {
	width: 640px;
	margin: 0 auto 40px auto;
}

.use_list {
	display:-webkit-box;
  	display:-ms-flexbox;
  	display:flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;		
}

.use_list_item {
	width: 320px;
	padding: 40px 0;
	border-radius: 16px;
	background: #E5FAFA;
	box-shadow: 8px 8px 8px 1px rgba(0,0,0,0.1);
}

.use_list_item_img {
	width: 180px;
	margin: 0 auto 16px auto;
}

.use_list_item_ttl {
	font-size: 24px;
	font-weight: bold;
	line-height: 1.5;
	text-align: center;
}

/*

guide

*/

.guide_box {
	display:-webkit-box;
  	display:-ms-flexbox;
  	display:flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;		
}

.guide_box_item {
	width: 500px;
	padding: 40px;
	border-radius: 16px;
	background: #E5FAFA;
	box-shadow: 8px 8px 8px 1px rgba(0,0,0,0.1);
	text-align: center;
}

.guide_box_item_ttl {
	font-size: 24px;
	font-weight: bold;
	line-height: 1.5;
	margin-bottom: 40px;
}

.guide_box_item_chart {
	width: 320px;
	color: #fff;
	position: relative;
	background: #DD8D9F;
	padding: 32px;
	margin: 0 auto 80px auto;
	font-size: 20px;
}

.guide_box_item_chart .note {
    font-size: 12px;
}

.guide_box_item_chart.arr:before {
	content: "";
    width: 0px;
    height: 0px;
    position: absolute;
    top: -48px;
    left: 50%;
    transform: translateX(-50%);
    border-top: 16px solid #595757;
    border-right: 16px solid transparent;
    border-left: 16px solid transparent;
}

.guide_box_item_chart.arr:after {
	content: "";
    width: 0px;
    height: 0px;
    position: absolute;
    bottom: -48px;
    left: 50%;
    transform: translateX(-50%);
    border-top: 16px solid #595757;
    border-right: 16px solid transparent;
    border-left: 16px solid transparent;
}

/*

contactarea

*/

.contactarea {
	padding: 100px 0;
	background: #F5F5F5;
} 

.contactarea .c_ttl {
	margin-bottom: 48px;
}

.contactarea_box {
	width: 880px;
	margin: 0 auto;
	display:-webkit-box;
  	display:-ms-flexbox;
  	display:flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;	
}

.contactarea_box_item {
	font-size: 20px;
}

.contactarea_box_item .tel {
	font-size: 64px;
	font-weight: bold;
	color: #595757;
	display: inline-block;
    margin-bottom: 8px;
}

.contactarea_box_item.c_btn {
	width: 400px;
	font-size: 24px;
    padding: 24px;
}

/*フッター*/

footer {
	background: #595757;
	color: #fff;
}

footer a {
	color: #fff;
}

.footer_box {
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	padding: 80px 0;
}

.footer_box_cmp_img {
	width: 200px;
	margin-bottom: 16px;
}

.footer_adress {
	font-size: 14px;
}

.footer_copy {
	font-size: 14px;
	text-align: center;
	padding: 16px 0;
}

.footer_box_nav_item {
	display: inline-block;
}

.footer_box_nav_item:not(:last-child) {
	margin-right: 40px;
}

/*

パンくず

*/

.breadcrumbs {
	padding: 24px 0 64px;
}

.breadcrumbs a {
	color: #595757;
}

.breadcrumbs li {
	display: inline;
	font-size: 14px;
}

.breadcrumbs > li + li:before{
	content: "/";
	font-size: 12px;
	vertical-align: middle;
	padding-right: 10px;
}

.breadcrumbs li + li {
	margin-left: 10px;
}

/*

ページャー

*/

.pager {
	text-align: center;
	padding: 40px 0;
}

.wp-pagenavi {
	display: inline-block;
}

.wp-pagenavi span.current {
    color: #fff;
    background: #000;
}

.wp-pagenavi a, .wp-pagenavi span {
    border: 1px solid #000;
    padding: 16px;
    margin: 2px;
}

.wp-pagenavi a:hover {
	color: #fff;
	background: #000;
	opacity: 1;
}


/*

PRIVACY POLICYページ

*/

/*タブ切り替え*/
.privacy_tab01_item {
	display: inline-block;
	width: 500px;
	margin-right: 35px;
	font-size: 24px;
	color: #fff;
	background: #D3D3D3;
	padding: 16px 0;
	cursor: pointer;
	text-align: center;
}

.privacy_tab02_item {
	display: inline-block;
	width: 500px;
	font-size: 24px;
	color: #fff;
	background: #D3D3D3;
	padding: 16px 0;
	cursor: pointer;
	text-align: center;
}

.privacy .c_contents {
	display: none;
	border-top: 2px #DD8D9F solid;
	padding-top: 80px;
}

.privacy_tab01:checked ~ .contents01,
.privacy_tab02:checked ~ .contents02 {
	display: block;
}

.privacy_tab01:checked + .privacy_tab01_item, .privacy_tab02:checked + .privacy_tab02_item {
	background: #DD8D9F;
}

/*コンテンツ1の内容*/

.privacy .c_contents_ttl {
	font-size: 24px;
	font-weight: bold;
	margin-bottom: 40px;
	text-align: center;
}

.contents01_txt {
	margin-bottom: 40px;
}

.num_list {
	counter-reset: number 0;
}

.num_list_item {
	position: relative;
	padding-left: 32px;
	margin-bottom: 32px;
    line-height: 2;
}

.num_list_item:before {
	counter-increment: number 1;
	content: counter(number) ".";
	position: absolute;
	top: 0;
	left: 4px;
}

/*コンテンツ2の内容*/

.num_childlist_item {
	list-style: disc;
    text-indent: 32px;
}

.contents02 .num_list_item_ttl {
	font-size: 20px;
	font-weight: bold;
}

.contents02 .num_parlist_item {
	margin-bottom: 16px;
}

.contents02 .num_parlist_item_ttl {
	font-weight: bold;
}

.contents02 .num_parlist_item_txt {
	padding-left: 16px;
}



.privacy .c_contents_box {
	width: 640px;
	margin: 80px auto 0 auto;
	border: 1px #DD8D9F solid;
}

.privacy .c_contents_box_ttl {
	font-size: 24px;
	font-weight: bold;
	color: #fff;
	background: #DD8D9F;
	padding: 24px 0;
	text-align: center;
}

.privacy .c_contents_box_txt {
	padding: 24px;
}






/*

CONTACT 「個人情報保護方針」の同意確認ページ

*/

.contact_conf {
	text-align: center;
}

.contact_conf a {
	color: #586771
}




/*

CONTACTページ

*/

.submv_area h2 {
	font-size: 32px;
	font-weight: bold;
	text-align: center;
	background: #F5F5F5;
	margin-top: 97px;
	padding: 80px 0;
}

.page .contact {
	margin-bottom: 120px;
}

.contact .l_inner {
	width: 960px;
}

.form {
	font-size: 18px;
}

.form_list {
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	margin-bottom: 32px;
}

.form_list_dt {
	width: 320px;
	padding: 16px 0;
	font-weight: bold;
}

.form_list_dd {
	width: 640px;
	border: 1px #595757 solid; 
	padding: 16px;
}

.naiyou {
	border: none!important;
}

::-webkit-input-placeholder {
	color: #BCBCBC;
}

::placeholder {
	color: #BCBCBC;
}

:-ms-input-placeholder {
	color: #BCBCBC;
}

.formarea input[type="text"], .formarea input[type="tel"], .formarea input[type="email"], .formarea textarea {
	width: 100%;
	border: none;
	background: none;
	font-size: 18px;
	color: #595757;
}

.formarea input[type="text"]:focus, .formarea input[type="tel"]:focus, .formarea input[type="email"]:focus, .formarea textarea:focus {
 	border: none;
	outline: 0;
}

.formarea .form_list_dd input[type="checkbox"] {
	display: none;
}

.wpcf7-list-item {
	display: block!important;
	margin-bottom: 16px!important;
	margin-left: 0!important;
}

.wpcf7-list-item:last-child {
	margin-bottom: 0!important;
}

.wpcf7-list-item-label {
	position: relative;
    padding-left: 24px;
}

.wpcf7-list-item input + .wpcf7-list-item-label:before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto;
    left: 0;
    width: 15px;
    height: 15px;
    border: 1px solid #586771;
    border-radius: 50%;
}

.wpcf7-list-item input:checked + .wpcf7-list-item-label:after {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto;
    left: 3px;
    width: 11px;
    height: 11px;
    background: #586771;
    border-radius: 50%;
}

.contact .note .wpcf7-list-item input + .wpcf7-list-item-label:before {
    display:none;
}

.contact .note .wpcf7-list-item input:checked + .wpcf7-list-item-label:after {
    display: none;
}

.contact .note .wpcf7-list-item-label {
	padding: 0;
}

.contact .note {
	text-align: center;
	font-size: 16px;
	padding: 32px 0 64px 0;
}

.formarea .submit .btn {
	color: #fff!important;
	background: #DD8D9F;
	display: block;
	padding: 16px 16px;
	width: 160px;
    margin: 0 auto;
	border: none;
    font-size: 20px;
}

.formarea .submit .btn:hover {
	cursor: pointer;
}



.hissu {
	border: 1px #DD8D9F solid;
	color: #DD8D9F;
    padding: 8px;
    font-size: 13px;
    margin-right: 8px;
}

.wpcf7-response-output {
	font-size: 24px;
    margin: 24px 0!important;
    padding: 8px!important;
}



/*

MV調整

*/

@media screen and (max-width: 1680px) {
	.mv_img {
		width: 560px;
	}
	
	.mv_copy {
		right: 80px;
	}
}

@media screen and (max-width: 1440px) {
	.mv_img {
		width: 480px;
		left: 100px;
	}
	
	.mv_copy {
		right: 32px;
		top: 180px;
	}
}

@media screen and (max-width: 1280px) {
	.mv_img {
		left: 80px;
		top: 200px;
	}
	
	.mv_copy_main {
		font-size: 56px;
	}
}

@media screen and (max-width: 1179px) {
	.mv_img {
		left: 80px;
		top: 200px;
	}
	
	.mv_copy_main {
		font-size: 56px;
	}
	
	header {
		width: 100%;
		padding: 15px;
		left: 0;
	}
	
	.header_logo {
		width: 120px;
		margin: 0;
		padding: 0;
	}
	
	.header_nav {
		margin-top: 0;
	}
	
	/*ハンバーガーメニュー*/
	
    .header_nav_btn {
        position: relative;
        z-index: 9999;
        width: 32px;
        height: 24px;
        cursor: pointer;
        margin-top: 16px;
		display: block;
    }

    .header_nav_btn span {
        position: absolute;
        height: 2px;/*線の太さ*/
        width: 32px;/*長さ*/
        border-radius: 4px;
        background: #000;
        display: block;
        content: "";
    }

    .header_nav_btn span.scd {
        top: 10px;
    }

    .header_nav_btn span.thd {
        top: 20px;
    }

    .header_nav_conts {
        position: fixed;
        top: 100px;
        left: 0;
        width: 100vw;
        height: 100vh;
        padding: 0 32px;
        background: rgba(255,255,255,0.95);
        -webkit-transform: translateX(-105%);
        transform: translateX(-105%);
    }


    .header_nav_us:checked ~ .header_nav_conts {
        -webkit-transform: translateX(0%);
        transform: translateX(0%);

    }

    .header_nav_us:checked ~ .header_nav_btn span.fst {
        top: 10px;
        transform: rotate(-45deg);
    }

    .header_nav_us:checked ~ .header_nav_btn span.scd {
        opacity: 0;
    }

    .header_nav_us:checked ~ .header_nav_btn span.thd{
        top: 10px;
        transform: rotate(45deg);
    }
	
	
	.header_nav_conts_list {
		display: block;
		font-size: 20px;
	}
	
	.header_nav_conts_list + .header_nav_conts_list {
		margin-left: 0;
	}
	
	.header_nav_conts_list a {
		padding: 20px 0;
	}
	
	.header_nav_conts .shop_btn {
		width: 100%;
        margin: 24px 0!important;
	}
	
	.header_nav_conts .contact_btn {
		width: 100%;
        margin: 24px 0!important;
	}

	/*ハンバーガーメニュー終わり*/

}


/*

SP

*/

@media screen and (max-width: 750px) {
	html {
		min-width: 320px;
	}
	
	body {
		font-size: 14px;
	}
	
	.l_inner {
		width: 100%;
        padding: 0 15px;
	}
	
	.pdb_16 {
        padding-bottom: 8px;
    }

    .pdb_24 {
        padding-bottom: 16px;
    }

    .pdb_32 {
        padding-bottom: 24px;
    }

    .pdb_40 {
        padding-bottom: 32px;
    }

    .pdb_48 {
        padding-bottom: 40px;
    }

    .pdb_56 {
        padding-bottom: 48px;
    }

    .pdb_64 {
        padding-bottom: 56px;
    }

    .pdb_160 {
        padding-bottom: 160px;
    }
	
	.sa {
		opacity: 0;
		transition: 1s;
	}
	
	.sp {
		display: inline-block;
	}
	
	.c_ttl {
    	font-size: 24px;
		line-height: 1.5;
	}
	
	.box {
		margin-top: 100px;
	}
	
	.mv {
        min-width: 320px;
        width: 100%;
        padding: 0 15px;
		height: 100vh;
    }
	
	.mv_copy {
		right: 50%;
    	transform: translateX(50%);
		min-width: 320px;
	}
	
	.mv_copy_logo {
		display: none;
	}
	
	.mv_copy_main {
		font-size: 40px;
		line-height: 1.7;
	}
	
	
	.mv_copy_main .dot {
		padding-top: 40px;
	}
	
	.mv_copy_sub {
		line-height: 1.5;
	}
	
	.mv_img img {
		opacity: 0.6;
		top: 248px;
	}
	
	.mv_img:before {
		width: 100%;
		left: -100px;
	}
	



	
	/*	
	
	trouble
	
	*/
	
	.trouble .l_inner {
		width: 100%;
        padding: 0 15px;
	}
	
	.trouble.box {
		margin-top: 100px;
	}
	
	.trouble_list_item {
		text-align: center;
	}
	
	.trouble_list_item.bub_right {
		text-align: center;
	}
	
	.trouble_list_item p {
		font-size: 16px;
		margin-bottom: 24px;
	}
	
	.trouble_tie {
		font-size: 20px;
		width: 256px;
	}
	
	.trouble_tie p {
		line-height: 1.5;
	}
	
	.trouble_tie:before {
		top: -60px;
	}
	
	
	/*	
	
	about
	
	*/
	
	.about.box {
		padding-top: 100px;
		height: auto;
	}
	
	.about_box {
		width: 100%;
		padding: 40px 24px;		
	}
	
	.about_txt {
    	width: 90%;
	}
	
	.about_box_list01 {
		display: block;
	}
	
	.about_box_list01_item {
		width: 240px;
		margin: 0 auto;
		font-size: 20px;
		line-height: 1.5;
		padding: 24px;
	}
	
	.about_box_list01_item:last-child {
		margin-top: 80px;
	}
	
	.about_box_list01_item:last-child:after {
		top: -50px;
    	left: 50%;
    	transform: translateX(-50%);
	}
	
	.about_box_list02 {
		display: block;
	}
	
	.about_box_list02_item {
		width: 100%;
		margin-bottom: 24px;
	}
	
	/*
	
	case
	
	*/
	
	.case.box {
		margin-top: 100px;
	}
	
	.case_list_item {
		display: block;
		padding: 32px 16px;
		box-shadow: 0px 8px 8px 1px rgba(0,0,0,0.1);
	}
	
	.case_list_item_box {
		margin: 0 auto 24px auto;
	}
	
	.case_list_item_box:nth-child(2) {
		width: 100%;
	}
	
	.case_list_item_box_img {
		margin-bottom: 8px;
	}
	
	.case_list_item_box_cap {
		font-size: 16px;
	}
	
	.case_list_item_box_ttl {
    	font-size: 20px;
		text-align: center;
		line-height: 1.5;
	}
	
	/*
	
	use
	
	*/
	
	.use_txt {
		width: 90%;
	}
	
	.use_list {
		display: block;
	}
	
	.use_list_item {
		width: 100%;
		margin-bottom: 40px;
		box-shadow: 0px 8px 8px 1px rgba(0,0,0,0.1);
	}
	
	.use_list_item_ttl {
		font-size: 20px;
	}
	
	/*	
	
	guide
	
	*/
	
	.guide_box {
		display: block;
	}
	
	.guide_box_item {
		width: 100%;
		margin-bottom: 40px;
		box-shadow: 0px 8px 8px 1px rgba(0,0,0,0.1);
		padding: 40px 24px;
	}
	
	.guide_box_item_ttl {
		font-size: 20px;
	}
	
	.guide_box_item_chart {
		width: 100%;
		margin: 0 auto 56px auto;
		font-size: 16px;
	}
	
	.guide_box_item_chart.arr:before {
		top: -37px;
	}
	
	.guide_box_item_chart.arr:after {
		bottom: -37px;
	}
	
	.guide_box_item .guide_box_item_chart:last-child {
		margin-bottom: 0;
	}
	
	.contactarea_box {
		width: 100%;
		display: block;
		text-align: center;
	}
	
	.contactarea_box_item {
		margin-bottom: 40px;
	}
	
	.contactarea_box_item .tel {
		font-size: 40px;
		line-height: 1.5;
	}
	
	.contactarea_box_item.c_btn {
		width: 240px;
    	font-size: 20px;
		margin: 0 auto;
	}
	
	.contactarea .c_ttl {
		margin-bottom: 40px;
	}
	
	.contactarea {
    	padding: 80px 0;
	}
	
	
	/*
	
	footer
	
	*/
	
	.footer_box {
		display: block;
	}
	
	
	.footer_box_cmp_img {
		width: 120px;
		margin-bottom: 16px;
	}
	
	.footer_box_cmp_address {
		margin-bottom: 32px;
	}
	
	.footer_box_nav_item:not(:last-child) {
		margin-right: 24px;
	}
	
	
	/*
	
	プライバシーポリシーページ
	
	*/
	
	.submv_area h2 {
		font-size: 24px;
		padding: 40px 0;
	}
	
	.privacy_tab01_item {
		width: 100%;
		font-size: 16px;
	}
	
	.privacy_tab02_item {
		width: 100%;
		font-size: 16px;
	}
	
	.privacy .c_contents_ttl {
    	font-size: 20px;
	}
	
	.privacy .c_contents_box {
		width: 100%;
		margin-top: 40px;
	}
	
	.privacy .c_contents_box_ttl {
		font-size: 20px;
		line-height: 1.5;
	}
	
	.privacy .c_contents {
		border: none;
		padding-top: 56px;
	}
	
	.contents02 .num_list_item_ttl {
		font-size: 16px;
		line-height: 1.7;
	}
	
	.num_childlist {
		padding-left: 18px;
	}
	
	.num_childlist_item {
		text-indent: 0;
	}
	
	.contents02 .num_parlist_item_txt {
		padding-left: 0;
	}
	
	/*
	
	お問い合わせページ
	
	*/
	
	.contact .l_inner {
		width: 100%;
        padding: 0 15px;
	}
	
	.form {
		font-size: 16px;
	}
	
	.form_list {
		display: block;
		margin-bottom: 16px;
	}
	
	.form_list_dt,.form_list_dd {
		width: 100%;
	}
	
	.formarea input[type="text"], .formarea input[type="tel"], .formarea input[type="email"], .formarea textarea {
		width: 100%;
	}
	
	.form_list_dd.naiyou {
		font-size: 14px;
		padding: 16px 0 16px 8px;
	}
	
	.contact .note {
		padding: 32px 0 32px 0;
	}
	
	.page .contact {
		margin-bottom: 0;
	}
	
	.formarea .submit .btn {
		font-size: 16px;
	}
	
	
	
	
	
	
	.breadcrumbs {
 	  	padding: 24px 0 32px;
	}
	

	
	.about_list {
		display:-webkit-box;
		display:-ms-flexbox;
		display:flex;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
	}
	
	.about_list_item {
		width: 48%;
		padding: 4px;
		margin: 1%;
	}
	

	
	.cmp_list {
		display: block;
	}
	
	.cmp_list_dt,.cmp_list_dd {
		width: 100%;
		padding: 8px;
	}
	
	.cmp_list_dd_list {
		display: block;
		padding: 8px 0;
	}
	
	.cmp_list_dd_list_dt,.cmp_list_dd_list_dd {
		width: 100%;
		padding-right: 0;
		text-align: left;
	}
	
	.box {
		display: block;
	}
	
	.box .box_txt,.box .box_img {
		width: 100%;
		padding-bottom: 16px;
	}
	
	/*	
	
	NEWSページ
	
	*/

	.submv_area .news_h2:after {
		font-size: 24px;
		margin-left: 0;
		display: block;
		padding-top: 8px;
	}
	
	.news .news_list_item_ttl {
		font-size: 16px;
		padding: 0 0 16px;
	}
	
	.single-post .news_list_item_ttl {
		font-size: 20px;
		padding: 16px 0 32px;
	}
	
	.wpn-box a {
		margin: 0 4px;
	}
	
	/*
	
	DISASTER MEASUREページ
	
	*/
	
	
	.submv_area .disaster_h2:after {
		font-size: 24px;
		margin-left: 0;
		display: block;
		padding-top: 8px;
	}
	
	/*
	
	SITEMAPページ
	
	*/
	
	.submv_area .sitemap_h2:after {
		font-size: 24px;
		margin-left: 0;
		display: block;
		padding-top: 8px;
	}
	
	.contents01_list_item {
		padding: 16px 0;
	}
	
	.contents01_list_item a {
		font-size: 20px;
	}

	/*
	
	PRIVACY POLICYページ
	
	*/
	
	.submv_area .privacy_h2:after {
		font-size: 24px;
		margin-left: 0;
		display: block;
		padding-top: 8px;
	}
	
	.num_list_item_ttl {
		font-size: 20px;
		color: #586771;
	}
	
	/*
	
	個人情報保護方針の同意確認
	
	*/
	
	.submv_area .conf_h2:after {
		font-size: 24px;
		margin-left: 0;
		display: block;
		padding-top: 8px;
	}
	
	/*
	
	CONTACTページ
	
	*/
	
	.submv_area .contact_h2:after {
		font-size: 24px;
		margin-left: 0;
		display: block;
		padding-top: 8px;
	}
	
	.contact .tel_list {
		display: block;
	}
	
	.contact .tel_list .tel_list_item {
		width: 100%;
		margin-bottom: 16px;
	}
	
	.formarea .submit {
    	padding: 16px 0;
	}
}

@media screen and (max-width: 360px) {
	
	.mv_copy {
		top: 136px;
	}
	
	.mv_copy_main {
		font-size: 40px;
	}
	
	.mv_copy_main .dot {
		padding-top: 36px;
	}
	
	.mv_copy_main .dot:before {
		font-size: 32px;
	}
	
	.mv_copy_sub {
    	font-size: 20px;
		margin-bottom: 32px;
	}
	
	.mv_copy_btn {
		width: 200px;
		padding: 24px 24px;
	}
	
	.mv_img {
		width: 320px;
	}