@charset "UTF-8";
/*
    Template: swell
    Theme Name: SWELL CHILD
    Theme URI: https://swell-theme.com/
    Description: SWELLの子テーマ
    Version: 1.0.0
    Author: LOOS WEB STUDIO
    Author URI: https://loos-web-studio.com/

    License: GNU General Public License
    License URI: http://www.gnu.org/licenses/gpl.html
*/

/* 余白調整用CSS（パディング）
===========================*/
.pdbm5 {padding-bottom: 5px;}
.pdbm10 {padding-bottom: 10px;}
.pdbm15 {padding-bottom: 15px;}
.pdbm20 {padding-bottom: 20px;}
.pdbm25 {padding-bottom: 25px;}
.pdbm30 {padding-bottom: 30px;}
.pdbm35 {padding-bottom: 35px;}
.pdbm40 {padding-bottom: 40px;}
.pdbm45 {padding-bottom: 45px;}
.pdbm50 {padding-bottom: 50px;}

/* 余白調整用CSS（マージン）
===========================*/
.mgbm5 {margin-bottom: 5px;}
.mgbm10 {margin-bottom: 10px;}
.mgbm15 {margin-bottom: 15px;}
.mgbm20 {margin-bottom: 20px;}
.mgbm25 {margin-bottom: 25px;}
.mgbm30 {margin-bottom: 30px;}
.mgbm35 {margin-bottom: 35px;}
.mgbm40 {margin-bottom: 40px;}
.mgbm45 {margin-bottom: 45px;}
.mgbm50 {margin-bottom: 50px;}

/* 余白調整用CSS（マージン）
===========================*/
.lf{display:flex; }
.lf-wrap{flex-wrap: wrap; }

/* フッター用CSS
===========================*/
.footer-text-link {
	padding: 0px 20px;
    border-right: 1px solid #DEDEDE;
    display: inline-block;
}
.footer-text-link.last {
	border-right: 0px solid #DEDEDE;
}

/* フッター用CSS（セキュリティ部分）
===========================*/
div#footer-security {
    display: flex;
}
div#footer-security section {
    padding-right: 15px;
    display: flex;
}
div#footer-security section:last-child {
    padding-right: 0px;
}
div#footer-security section img {
    align-self: flex-start;
    padding-right: 15px;
}
div#footer-security section a img {
    max-width: fit-content;
}
div#footer-security input {
    border: none;
    background: none;
    width: 65px;
	max-width: fit-content;
}

/* tablet 調整用
===========================*/
@media screen and (min-width:768px) and ( max-width:1024px) {
	/* フッター用CSS（セキュリティ部分）*/
	div#footer-security section {
    	margin-bottom: 20px;
	}
    div#footer-security section {
        display: block;
        padding-right: 15px;
  	}
}

/* 782px以下 調整用
===========================*/
@media screen and (max-width:782px) {
    div#footer-security section {
        text-align: center;
        margin-bottom: 20px;
        display: block;
    }
}

/* スマートフォン 調整用
===========================*/
@media screen and (max-width:480px) { 
	/* フッター用CSS*/
	.footer-text-link {
		width: 48.5%;
		padding: 0px 20px 0 0;
		margin-bottom: 10px;
		border-right: 1px solid #DEDEDE;
		display: flex;
		flex-direction: column;
		justify-content: center;
	}
	.footer-text-link:nth-child(2n) {
		border-right: 0px solid #DEDEDE;
		padding: 0 0 0 20px;
	}
	/* フッター用CSS（セキュリティ部分）*/
	div#footer-security {
		display: block;
	}
	div#footer-security section {
		text-align: center;
		margin-bottom: 20px;
		display: block;
	}
	div#footer-security section p {
		text-align: left;
	}
}